首页 > 代码库 > 表单元素的required,autocomplete,list用法
表单元素的required,autocomplete,list用法
required：
当在一个表单元素如：input中加上required属性时，点击提交表单按钮，针对input会弹出一个默认的警告信息，如下图：
代码如下：
<form id="myForm"> Add your telephone: <input type="tel" name="phone" placeholder="input your telephone" required="required"/></form><input type="submit" form="myForm"/>
注意submit按钮并没有放在form里面，此处是用id链接submit与form关系的。这样让submit脱离了form，可以实现一些特殊的视觉效果。
autocomplete:
自动为我们提供所输入过的字符。可能的值为off、on，默认值为on。如下图：
autocomplete的数据来自于浏览器(user agent)
list/datalist:
在HTML5中提供了一个list属性，可以用来提供autocomplete值，可以链接http://caniuse.com/#search=datalist查看支持情况。
代码如下：
<form id="myForm"> Add your telephone: <input type="tel" name="phone" list="myDataList" placeholder="input your telephone" required="required"/></form><input type="submit" form="myForm"/><datalist id="myDataList"> <option value="http://www.mamicode.com/dog"> <option value="http://www.mamicode.com/duck"></datalist>
表单元素的required,autocomplete,list用法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。