菜鸟教程学习——html5 表单

整理自：http://www.runoob.com/html/html5-form-attributes.html

表单中，输入框的内容提交后，仍有记忆：autocomplete=on

www.runoob.com/try/try.php?filename=tryhtml5_input_autocomplete

autocomplete 适用于 <form> 标签，以及以下类型的 <input> 标签：text, search, url, telephone, email, password, datepickers, range 以及 color;

novalidate:不验证邮箱格式的正确与否

www.runoob.com/try/try.php?filename=tryhtml5_form_novalidate

自动获得焦点：autofocus 属性规定在页面加载时，域自动地获得焦点。

http://www.runoob.com/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 表单

猜你喜欢