整理自:http://www.runoob/html/html5-form-attributes.html
表单中,输入框的内容提交后,仍有记忆:autocomplete=on
www.runoob/try/try.php?filename=tryhtml5_input_autocomplete
autocomplete 适用于 <form> 标签,以及以下类型的 <input> 标签:text, search, url, telephone, email, password, datepickers, range 以及 color;
novalidate:不验证邮箱格式的正确与否
www.runoob/try/try.php?filename=tryhtml5_form_novalidate
自动获得焦点:autofocus 属性规定在页面加载时,域自动地获得焦点。
http://www.runoob/try/try.php?filename=tryhtml5_input_autofocus
form="id id1",使得该元素也属于ID=id和ID=id1的表单:
<form action="demo-form.php" id="form1">
First name: <input type="text" name="fname"><br>
<input type="submit" value="提交">
</form>
Last name: <input type="text" name="lname" form="form1">
<input type="submit" formaction="demo-admin.php" value="提交">;同时提交了demo-admin.php??
<input type="submit" formenctype="multipart/form-data" value="以 Multipart/form-data 提交">:该属性与 type="submit" 和 type="image" 配合使用,可覆盖 form 元素的 enctype 属性;
<input type="submit" formmethod="post" formaction="demo-post.php" value="使用 POST 提交">:定义了表单的提交方式;
<input type="submit" formnovalidate value="不验证提交">:formnovalidate 属性会覆盖 <form> 元素的novalidate属性.;
<input type="submit" formtarget="_blank" value="提交到一个新的页面上">:会开一个新的页面出来;
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48"> :图像按钮需定义width,height;
<input type="date" name="bday" max="1979-12-31">:可在input type为date,number 以及 range里设置max,min,step;
Select images: <input type="file" name="img" multiple>:适用于type=file/email,可选择多个值;
Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">:
仅支持输入三个字母,A~Za~z,区分大小写,应该是;pattern 属性描述了一个正则表达式用于验证 <input> 元素的值;pattern 属性适用于以下类型的 <input> 标签: text, search, url, tel, email, 和 password.
<input type="text" name="fname" placeholder="First name">:此位置期待输入的值的描述;
Username: <input type="text" name="usrname" required>:此位置不能为空,即必填项;
更多推荐
菜鸟教程学习——html5 表单
发布评论