html 的表单测试,所有表单元素

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input

单行输入框

  • maxlength, 最大长度(最多字符数目)
  • pattern, 值的内容规则
  • placeholder, 当表单控件为空时,控件中显示的内容
  • size, 控件的大小,css控制更好

输入框, 动态键盘, 特殊按钮控件-上下,数字校验规则

  • max, 最大值
  • min, 最小值
  • step, 步长

输入框, 动态键盘, tel校验规则

输入框, 动态键盘, email校验规则

输入框, 动态键盘, url校验规则

输入框, 密码域

输入框, 回车变搜索,特殊按钮控件-清空

按钮

重置表单内容

提交按钮

图片提交按钮

  • alt、height、width, 同img的,图片失败时显示。满足可访问性

多选框

  • checked, 用于控制控件是否被选中

单选框

范围

颜色

日期(年、月、日,不包括时间)

时间()

日期时间(不包括时区)

日期(年、周)

日期时间(年、月)

文件

  • accept, 规定文件上传控件中期望的文件类型
  • capture, 文件上传控件中媒体拍摄的方式
  • multiple, 文件多选

隐藏域

微信公众号-前端linong