表单相关

表单相关

a. 表单信息分组
  <audio id="music" src="sucai/wuji.mp3" controls loop></audio>
  <!-- disabled 禁用整组表单元素--> <fieldset disabled>
<legend>
分组标题
    </legend>
</fieldset>
b. 新增输入框类型

 email 邮箱 提交时对输入的内容进行邮箱格式验证，允许空值提交 url 网址 需添加网址协议，如:http或者https
number 数字类型 整数
tel 手机号 移动端生效
color 调色板 收集的数据是16进制表示的颜色方式 date 日期控件
month 月份控件 选择月份
week 周控件 选择 一年中的多少周
time 时间控件 选择一天中的时间
  邮箱类型:<input type="email" name=""> 网址类型:<input type="url" name=""> number:<input type="number" name=""> tel:<input type="tel" name=""> color:<input type="color" name="color"> date:<input type="date" name=""> month:<input type="month" name=""> week:<input type="week" name=""> time:<input type="time" name="">
c. 新增属性
palceholder 设置输入框的提示信息
readonly 设置为只读属性
required 设置为必填
pattern 限制输入的值需满足该属性设置的正则表达式 待调试 multiple 允许一个以上的值 常用于多文件上传
autofocus 文档准备完成，自动获得焦点
d. 新增标签
label 为 input 元素定义标注
datalist 定义选项列表
  性别:<label>
<input type="radio" name="sex"> 男
</label>
<input type="radio" name="sex" id="female"><label for="female">女</label>
  <input type="text" name="province" list="province">
<datalist id="province">
<option>北京</option> <option>天津</option> <option>河北</option>
</datalist>