8种机械键盘轴体对比
本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?
本文介绍了HTML5中新增的表单特性,包括新增表单元素,新增输入类型,新增表单属性与新增输入属性。
HTML5新增表单元素
数据清单(datalist)
元素用于为输入区域设置预定义选项。元素的list属性值必须与的id属性值相同。
例如:1
2
3
4
5
6
7
8
9
代码效果:
输出(output)
元素用于表示一个输出。输出元素的值不会被提交。
例如:1
2
3
4
5
6
7
8
0
100 +
=
代码效果:0 100 + =
HTML5新增输入类型
文件(file)
用于上传文件。
例如:1
2
3
Select a file:
代码效果:Select a file:
搜索(search)
用于定义搜索框。搜索框与普通的文本区域没有区别。
例如:1
2
3
4
代码效果:
邮箱(e-mail)
用于输入邮箱。如果浏览器支持该特性,提交时会自动验证邮箱格式。
例如:1
2
3
4
5
E-mail:
代码效果:E-mail:
链接(url)
用于输入链接。如果浏览器支持该特性,提交时会自动验证链接格式。
例如:1
2
3
4
5
URL:
代码效果:URL:
颜色(color)
用于输入颜色。如果浏览器支持该特性,会有一个取色器出现。
例如:1
2
3
4
5
Select your favorite color:
代码效果:Select your favorite color:
数字(number)
用于输入数字。可用属性和属性设定数字值域。
例如:1
2
3
4
5
请输入10-100之间的数字:
代码效果:请输入10-100之间的数字:
范围(range)
用于输入范围。
例如:1
2
3
4
5
6
1
5
代码效果:1 5
电话(tel)
用于输入电话号码。号码格式通过pattern属性定义。
例如:1
2
3
4
5
请输入手机号(格式:XXX-XXXX-XXXX):
代码效果:请输入手机号(格式:XXX-XXXX-XXXX):
月份(month)
用于输入某年某月。
例如:1
2
3
代码效果:
星期(week)
用于输入某年的第几周。
例如:1
2
3
4
代码效果:
日期(date)
用于输入日期。可用属性和属性设定日期范围。
例如:1
2
3
4
5
Birthday:
代码效果:Birthday:
时间(time)
用于输入时间。
例如:1
2
3
代码效果:
当地时刻(datetime-local)
用于输入当地日期和时间。不包括时区信息。
例如:1
2
3
4
5
Birthday:
代码效果:Birthday:
HTML5新增表单属性
HTML5中,
元素增加下列属性:autocomplete
novalidate
HTML5新增输入属性
HTML5中,元素增加下列属性:autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height and width
list
min and max
multiple
pattern (regexp)
placeholder
required
step