HTML中type类型常⽤种类
button：定义可点击的按钮（通常与 JavaScript ⼀起使⽤来启动脚本）。
<input type="button" name="" id="" value="按钮"><br>
<br>
checkbox：定义复选框。
<br>
<input type="checkbox" name="" id="">男<br>
<input type="checkbox" name="" id="" checked>⼥<br>
<br>
color：定义拾⾊器。
<br>
<input type="color" name="" id=""><br>
<br>
date：定义 ⽇期控件（包括年、⽉、⽇，不包括时间）。
<br>
<input type="date" name="" id=""><br>
<br>
time：定义⽤于输⼊时间的控件（不带时区）
。<br>
<input type="time" name="" id=""><br>
<br>
datetime-local：定义⽇期和时间控件（包括年、⽉、⽇、时、分、秒、⼏分之⼀秒，不带时区）。
<br>
<input type="datetime-local" name="" id=""><br>
<br>
datetime：定义 ⽇期和时间控件（包括年、⽉、⽇、时、分、秒基于 UTC 时区）。
<br>
<form action="">⽣⽇(⽇期和时间):<input type="datetime" name="" id=""><input type="submit" name="" id="" value="提交"></form><br> <br>
month：定义 年 和⽉控件（不带时区）。
<br>
<input type="month" name="" id=""><br>
<br>
week：定义 周 和年 控件（不带时区）。
<br>
<input type="week" name="" id=""><br>
<br>
email：定义⽤于 邮箱地址的字段。
<br>
<form action=""></form>E-mail:<input type="email" name="" id=""></form><br>
<br>
file：定义⽂件选择字段和 “浏览…” 按钮，供⽂件上传。
<br>
<input type="file" name="" id=""><br>
<br>
hidden：定义隐藏输⼊字段。
<br>
<input type="hidden" name="" id=""><br>
<br>
image：定义图像作为提交按钮。
<br>
<input type="image" name="" id=""><br>
<br>
number：定义⽤于输⼊数字的字段。
<br>
<input type="number" name="" id=""><br>
<br>
password：定义密码字段（字段中的字符会被遮蔽）。
<br>
<input type="password" name="" id=""><br>
<br>
radio：定义单选按钮。
<br>
<input type="radio" name="" id="">男<br>
<input type="radio" name="" id="" checked>⼥<br>
<br>
range：定义⽤于精确值不重要的输⼊数字的控件（⽐如 slider 控件）。
<br>
<input type="range" name="" id=""><br>
<br>
submit：定义提交按钮。
<br>
<input type="submit" name="" id="" value="提交"><br>
<br>
reset：定义重置按钮（重置所有的表单值为默认值）。
<br>
<input type="reset" name="" id=""><br>
<br>
search：定义⽤于输⼊搜索字符串的⽂本字段。
<br>
<input type="search" name="" id=""><br>
<br>
tel：定义⽤于输⼊电话号码的字段。
<br>
输⼊电话：<input type="tel" name="" id=""><br>
<br>
text：默认。定义⼀个单⾏的⽂本字段（默认宽度为 20 个字符）。
<br>
<input type="text" name="" id=""><br>
<br>
html主页textarea：定义多⾏的⽂本字段⽐如个⼈简历。
<br>
<input type="textarea" name="" id=""><br>
<br>
url：定义⽤于输⼊ URL 的字段。
<br>
添加你的主页⽹址：<input type="url" name="" id="">
select/option：定义下拉选框。拓展⼀个常⽤的下拉框
<td>部门:</td>
<td>
<select required="required"><!-- required表⽰必须选⼀个-->
<option value="开发部" >技术开发部</option>
<option value="财务部">财务部</option>
<option value="销售部">销售部</option>
<option value="ceo">公司CEO</option>
</select>
</td>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。