HTML新增的表单和属性

来源：互联网发布：画平面示意图软件编辑：程序博客网时间：2024/05/18 06:24

HTML新增了如下例显示的新表单，具体可参考http://www.w3school.com.cn/html5/att_input_type.asp

<form action="accountController.do" id="account" autocomplete="on" method="post">Account: <input type="text" name="username" required="required" placeholder="input username!" pattern="[0-9a-zA-Z]{4,9}"/><br>Password: <input type="password" name="password" placeholder="input account!"/><br>Email: <input type="email" name="email" autofocus="autofocus" autocomplete="on"/><br>URL: <input type="url" name="url" /><br>Birthday: <input type="date" name="birthday" /><br>Color: <input type="color" name=phone /> <br>Age: <input type="range" min="18" max="60" step="1"><br>Attach: <input type="file" multiple="multiple"  accept="image/*,.xml,audio/*,video/*" name="fileDemo" id="fileDemo" /><br>Phone: <input type=tel name=tel ><br>Search: <input type=search name=search ><br>Hobby: <input type="text" list="ilist" autocomplete="on"><datalist id=ilist><option value=bskb label="basketball"><option value=ftb label=football></datalist><br></form><input type="submit" value="submit" form="account"><br><input type="reset"  value=reset form="account"> <br>

Input表单新增了属性：
属性描述placeholderrequirepattern正则表达式校验autofocus 自动聚焦form将输入表单与form的Id联系起来，可以将输入表单放在页面的任何位置list与DATALIST一起使用，提供对选择框的自定义内容autocomplete此属性是为表单提供自动完成功能。如果该属性为打开状态可很好地自动完成。一般来说，此属性必须启动浏览器的自动完成功能。multiple用于文件上传控件，设置此属性后，允许上传多个文件。max,min,step跟数字相关acceptinput type=file 可以接受的文件类型,用逗号隔开

Form表单标签新增加属性
novalidate 规定在提交表单时不应该验证 form 或 input 域。autocomplete规定 form 或 input 域应该拥有自动完成功能。

参考文档：
http://www.w3.org/TR/html5/forms.html

阅读全文

0 0