input合集

<form method="post" action="demo.php">
    <fieldset>
        <legend>个人信息:</legend>
        姓名: <input type="text" name="type" value="魂牵梦绕"><br/>

        籍贯: <input type="text" name="type" value="甘肃.兰州"><br/>

        邮箱: <input type="email" name="email" value="1329589680@qq.com"><br/>

  家庭住址: <input type="text" name="text" value="甘肃.兰州"><br>

日期<input type="date" name="date" value=""><br>

时间<input type="time" name="time" value=""><br>

月份<input type="month" name="month" value=""><br>

星期<input type="week" name="week" value=""><br>

总体时间<input type="datetime-local" name="date" value=""><br>


电话<input type="tel" name="mobile"><br>

颜色<input type="color" name="likecol"><br>

<input type="search" name="lookup">
<!--定义用于输入搜索字符串的文本字段，比如站内搜索.浏览器不是很支持--><br>

<input type="number" name="num" min="1" max="5"><!--min 和 max 属性可用于规定 <input> 元素的最小/最大值。value 属性可规定默认值。step 属性可规定 <input> 元素的合法数字间隔。实例：如果 step="3"，则合法数字应该是 -3、0、3、6，以此类推。该属性可以与 min 和 max 属性配合使用，以创建合法值的范围。-->

<br>


<input type="checkbox" name="hobbies" value="running">跑步

<input type="checkbox" name="hobbies" value="running">篮球

<input type="checkbox" name="hobbies" value="running">乒乓球

<input type="checkbox" name="hobbies" value="running">羽毛球<br/>

<input type="radio" name="gender" value="female" checked="true">男

<input type="radio" name="gender" value="female">女<br/>

<input type="file" name="pic"><br/>

<input type="hidden"><br/>
<!--隐藏域，该组件不显示在页面中，但是其值会被提交-->


<form method="post" action="demo.php">
    <label for="urse">用户名：</label>
    <input type="text" id="urse" name="ursename" placeholder="邮箱/手机号/用户名"/><br/>
    <label for="password">密　码：</label>
    <input type="password" id="password" name="pass" placeholder="请输入密码" /><br/><input type="submit" value="提交信息">
<input type="reset" value="重置">
</form><br>


<input type="image" src="/storage/emulated/0/micgifmake/saveImage/1615391980248.gif" alt="submit" width="50" height="50"/><br>

选择一个文件<input type="file" name="img" accept="image/*,audio/*,video/*"><br/>
  <input type="submit" value="提交"><br>
    </fieldset>
</form>