html 表单元素

一、<input>

<imput>有多种属性，每种属性有不同的作用

1、文本输入<input type="text">

单行的文本输入；

2、密码输入<input type="password">

特殊的单行文本输入，输入字符为星号或实心圆；

 3、单选<input type="radio">

定义单选按钮；

1.使用checked默认选择当前按钮
2.使用相同name将单项按钮合并成组 
3.同组的单选框只可以选择其中一个

4、复选<input type="checkbox">

定义复选按钮；

1.使用checked默认选择当前按钮
2.使用相同name将单项按钮合并成组 
3.同组的复选框可多选

 5、文件<input type="file">

选择文件；

1.使用accept设置文件格式
2.使用multiple可多选文件

 6、滑动<input type="range">

通过滑动设置值；

1.max设置允许值范围内的最大值 
2.min设置允许值范围内的最小值
3.step设置增量

 7、按钮 <input type="button">

可被点击的按钮；

1.使用disabled禁用

8、颜色<input type="color">

选择颜色；

1.通过value设置默认值或修改数据

9、时间输入（1）<input type="date">

日期输入精确到日；

1.通过value设置默认值或修改数据 
2.max设置允许值范围内的最大值 
3.min设置允许值范围内的最小值

10、时间输入（2）<input type="datetime-local">

日期输入精确到分；

1.通过value设置默认值或修改数据 
2.max设置允许值范围内的最大值 
3.min设置允许值范围内的最小值
4.设置的日期格式为YYYY-MM-DDThh:mm

11、邮箱<input type="email">

特殊的单行文本输入，提交时自动判断格式是否为邮箱；

1.使用multiple可输入多个优香，中间用逗号隔开

 

12、隐藏域<input type="hidden">

不可见、不可改的数据;

 1.可随表单提交

 

13 、时间输入（3）<input type="month">

日期输入精确到月；

1.通过value设置默认值或修改数据 
2.max设置允许值范围内的最大值 
3.min设置允许值范围内的最小值 

 

14 、数字输入<input type="number">

可输入数字；

1.max设置允许值范围内的最大值 
2.min设置允许值范围内的最小值 
3.step每次增减的数值

15、搜索框<input type="search">

和text差不多;

 

 

16、电话输入<input type="tel">

特殊的单行文本，用于输入电话;

1.各地的电话号码大有不同，所以提交时不会进行判断

17、时间输入（4）<input type="time">

便捷的输入时分或秒；

1.max设置允许值范围内的最大值 
2.min设置允许值范围内的最小值 
3.使用step设置增量单位为秒，默认为60秒
4.因浏览器各异，可能该表单元素没有上下箭头，因此step可能会无效
5.在设置step增量后才可以输入秒

18、网址输入<input type="url">

特殊的单行文本提交时判断是否为网址；

 

1.提交时判断是否为网址 

19、时间输入（5）<input type="week">

输入年份及第几周

1.max设置允许值范围内的最大值 
2.min设置允许值范围内的最小值 
3.使用step设置增量单位为周，默认为一周
4.输入的值格式为yyyy-Www

20、提交（1）<input type="submit">

一个可以提交表单元素的按钮；

1.formaction用来设置设置提交到的网址，不使用时默认为from的action
2.formmethod用来设置提交方式。

21、提交（2）<input type="image">

提交--图片限定版；

1.formaction用来设置设置提交到的网址，不使用时默认为from的action
2.formmethod用来设置提交方式。 

22、重置<input type="reset">

重置表单元素

 

 

二、文本域<textarea>

多行文本输入

1.rows设置列数
2.cols设置行数 

三、多选下拉框<select>

在<option>中设置值

1.在<option>中设置值
2.使用selected设置默认值