1、label与input建立关联
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action=""> <label> 用户名 <input type="text" name="name"> </label> <label for="i1">密码</label> <input id="i1" type="password"> </form> </body> </html>
两种方式可以将label与input标签关联：
- 将input标签放入label标签内；
- 在label标签中添加for属性，for属性的值为input标签的id值
2、form、input标签中autocomplete 属性
2.1、定义
autocomplete 属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。
注意：autocomplete 属性适用于下面的 <input> 类型：text、search、url、tel、email、password、datepickers、range 和 color。
2.2、语法
<input autocomplete="on|off">
2.2、form中关闭自动完成功能
<form novalidate autocomplete="off" action="/reg/" method="post" class="form-horizontal reg-form" enctype="multipart/form-data"></form>
3、input标签上传文件时accept属性
3.1、定义
accept 属性规定了可通过文件上传提交的服务器接受的文件类型。
注意：accept 属性仅适用于 <input type="file">。
提示：请不要将该属性作为您的验证工具。应该在服务器上对文件上传进行验证。
3.2、语法
<input accept="audio/*|video/*|image/*|MIME_type">
提示：如需规定多个值，请使用逗号分隔（比如 <input accept="audio/*,video/*,image/*" />）。
3.2、实例
<form action="demo_form.html"> <input type="file" name="pic" accept="image/*"> <input type="submit"> </form>