h5表单

Contents

1. 1. h5表单
   1. 1.1. 表单的输入类型
   2. 1.2. 表单的元素：

h5表单

表单的输入类型

• email:

code block

<input type="email">//输入邮箱格式

• tel

  <input type="tel">//输入手机号码格式

• url

  <input type="url">//输入url格式

• number

  <input type="number">//输入数字格式

• search

  <input type="search">//搜索框（体现语义化）

• range

  <input type="range">//自由拖动滑块

• color

  <input type="color">//拾色器

• time

  <input type="time">
  时间 时:分

• date

  <input type="date">//日期 年/月/日

• datetime

  <input type="datetime">//日期和时间但是浏览器暂不支持

• month

  <input type="month">//月份 年--月

• week

  <input type="week">//星期 年 -- 周

表单的元素：

<datalist>//数据列表
<option value=”值”>
<keygen>//生成加密字符串
<keygen>
<output>//输出结果
<output>内容</output>
<meter>//度量器
min max low high value
`

3.表单的属性：

• placeholder

  <input type="text" placeholder="请输入用户名">//占位符

• autofocus

  <input type="text" autofocus>//自动获得焦点

• multiple

  <input type="file" multiple>//多文件上传

• autocomplete

  <input type="text" autocomplete="off">//自动完成提示

• form

  <input type="text" form="某表单ID">//指定表单

• novalidate

  <form novalidate></form>（关闭某个验证也是可一的）//关闭验证

• required

  <input type="text" required>//必填项

• pattern

  <input type="text" pattern="\d">//自定义验证