<form action="" method="post" enctype="multipart/form-data" novalidate autocomplete="off"> <input type="file"> <label for="">用户名</label> <input type="text" name="user" placeholder="请输入用户名" required autofocus/> <input type="submit"> <label for="">工号</label> <input type="text" name="gonghao" placeholder="请输入工号" required pattern="^\d{5}[imooc]"/> <input type="submit"> <input type="text" list="tips"> <dataList id="tips"> <option value="1"></option> <option value="2"></option> <option value="3"></option> <option value="4"></option> <option value="5"></option> </dataList> <input type="submit" formnovalidate> </form> 复制代码
知识点:
method属性:www.w3school.com.cn/tags/att_fo…
定义和用法
method 属性规定如何发送表单数据(表单数据发送到 action 属性所规定的页面)。
表单数据可以作为 URL 变量(method="get")或者 HTTP post (method="post")的方式来发送。
required属性:www.w3school.com.cn/tags/att_in…
定义和用法
required 属性规定必需在提交之前填写输入字段。
如果使用该属性,则字段是必填(或必选)的。
注释:required 属性适用于以下 <input>
类型:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。
enctype属性: www.w3school.com.cn/tags/att_fo…
定义和用法
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。
默认地,表单数据会编码为 "application/x-www-form-urlencoded"。就是说,在发送到服务器之前,所有字符都会进行编码(空格转换为 "+" 加号,特殊符号转换为 ASCII HEX 值)。
novalidate属性 : yige.org/html5/att_f…
定义和用法
novalidate 属性规定当提交表单时不对其进行验证。
如果使用该属性,则表单不会验证表单的输入。
注释:novalidate 属性适用于:<form>,以及以下类型的 <input> 标签:text, search, url, telephone, email, password, date pickers, range 以及 color。
autocomplete属性www.w3school.com.cn/tags/att_fo…
定义和用法
autocomplete 属性规定表单是否应该启用自动完成功能。
自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
注释:autocomplete 属性适用于 <form>,以及下面的 <input> 类型:text, search, url, telephone, email, password, datepickers, range 以及 color。
提示:在某些浏览器中,您可能需要手动启用自动完成功能。
autofocus属性www.w3school.com.cn/tags/att_in…
定义和用法
autofocus 属性规定当页面加载时 input 元素应该自动获得焦点。
如果使用该属性,则 input 元素会获得焦点。
pattern属性 blog.lmlphp.com/archives/11…
list属性 www.runoob.com/tags/att-in…
定义和用法
list 属性引用 <datalist>
(www.runoob.com/tags/tag-da…<input>
元素的预定义选项
formnovalidate属性www.baidu.com/link?url=gK…
定义和用法
novalidate 属性是一个布尔属性。
novalidate 属性规定当提交表单时不对表单数据(输入)进行验证。
label中的forwww.w3school.com.cn/tags/att_la…
定义和用法
for 属性规定 label 与哪个表单元素绑定。