资讯专栏INFORMATION COLUMN

前端基础知识学习记录(二)

Vultr / 2870人阅读

摘要:无序列表无序列表是一个项目的列表,此列项目使用粗体圆点典型的小黑圆圈进行标记。可以取值为实心黑圆点空心圆点实心黑方点。有序列表有序列表同样也是一列项目,列表项目使用数字进行标记。自定义列表自定义列表是项目及其注释的组合。

前端基础知识学习记录(二)

1、HTML 输入类型

元素的输入类型:

1、定义供文本输入的单行输入字段;
2、定义密码字段(password字段中的字符会被做掩码处理,显示为星号或实心圆);
3、定义提交表单数据至表单处理程序的按钮;
4、定义单选按钮;
5、定义复选框;
6、定义普通按钮;
7、HTML5新增若干个输入类型,如:
  color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week
  注:对于老式web浏览器不支持的输入类型,会被视为输入类型 text。
 (1)用于应该包含数字值的输入字段,可以对数字做出限制;
      举例:
 (2)用于应该包含日期的输入字段,根据浏览器支持,日期选择器会出现输入字段中,可以向输入添加限制;
      举例:
(3)用于应该包含颜色的输入字段,根据浏览器支持,颜色选择器会出现输入字段中; (4)用于应该包含一定范围内的值的输入字段,根据浏览器支持,输入字段能够显示为滑块控件,可以使用以下属性来规定限制:min、max、step、value; 举例: (5)用户可以选择月份和年份,根据浏览器支持,日期选择器会出现输入字段中; (6)用户可以选择周和年,根据浏览器支持,日期选择器会出现输入字段中; (7)用户可以选择时间(无时区),根据浏览器支持,时间选择器会出现输入字段中; (8)用户可以选择日期和时间(有时区),根据浏览器支持,日期选择器会出现输入字段中; (9)用户可以选择日期和时间(无时区),根据浏览器支持,日期选择器会出现输入字段中; (10)用于应该包含电子邮件地址的输入字段,根据浏览器支持,能够在被提交时自动对电子邮件地址进行验证; (11)用于搜索字段(搜索字段的表现类似常规文本字段); (12)用于应该包含电话号码的输入字段(目前只有Safari8支持 tel类型); (13)用于应该包含URL地址的输入字段,根据浏览器支持,在提交时能够自动验证url字段;