<form> / <input> autocomplete 属性

autocomplete 属性规定 form 或 input 域该当拥有自动完成功能。

当用户在自动完成域中开始输入时,浏览器该当在该域中显示填写的选项。

html5表单属性北年夜青鸟广州新嘉华HTML5 表单属性有哪些1 Webpack

提示: autocomplete 属性有可能在 form元素中是开启的,而在input元素中是关闭的。

把稳: autocomplete 适用于 <form> 标签,以及以下类型的 <input> 标签:text, search, url, telephone, email, password, datepickers, range 以及 color。

实例

HTML form 中开启 autocomplete (一个 input 字段关闭 autocomplete ):

<form action=\"大众demo-form.php\"大众 autocomplete=\公众on\"大众>

First name:<input type=\"大众text\"大众 name=\公众fname\"大众><br>

Last name: <input type=\"大众text\"大众 name=\公众lname\公众><br>

E-mail: <input type=\"大众email\"大众 name=\"大众email\"大众 autocomplete=\公众off\"大众><br>

<input type=\公众submit\公众>

</form>

提示:某些浏览器中,您可能须要启用自动完成功能,以使该属性生效。

<form> novalidate 属性

novalidate 属性的一个boolean 属性.

novalidate 属性规定在提交表单时不应该验证 form 或 input 域。

实例

无需验证提交的表单数据

<form action=\"大众demo-form.php\公众 novalidate>

E-mail: <input type=\"大众email\公众 name=\"大众user_email\"大众>

<input type=\"大众submit\公众>

</form>

<input> autofocus 属性

autofocus 属性是一个 boolean 属性.

autofocus 属性规定在页面加载时,域自动地得到焦点。

实例

让 \"大众First name\公众 input 输入域在页面载入时自动聚焦:

First name:<input type=\"大众text\"大众 name=\"大众fname\公众 autofocus>

<input> form 属性

form 属性规定输入域所属的一个或多个表单。

提示:如需引用一个以上的表单,请利用空格分隔的列表。

实例

位于form表单外的input 字段引用了 HTML form (该 input 表单仍旧属于form表单的一部分):

<form action=\"大众demo-form.php\"大众 id=\"大众form1\"大众>

First name: <input type=\公众text\"大众 name=\"大众fname\"大众><br>

<input type=\"大众submit\"大众 value=\"大众Submit\"大众>

</form>

Last name: <input type=\"大众text\"大众 name=\公众lname\"大众 form=\公众form1\"大众>

<input> formaction 属性

The formaction 属性用于描述表单提交的URL地址.

The formaction 属性会覆盖<form> 元素中的action属性.

把稳: The formaction 属性用于 type=\"大众submit\公众 和 type=\"大众image\"大众.

实例

以下HTMLform表单包含了两个不同地址的提交按钮:

<form action=\"大众demo-form.php\"大众>

First name: <input type=\"大众text\公众 name=\公众fname\公众><br>

Last name: <input type=\公众text\"大众 name=\"大众lname\"大众><br>

<input type=\公众submit\"大众 value=\"大众Submit\"大众><br>

<input type=\"大众submit\公众 formaction=\公众demo-admin.php\公众

value=\"大众Submit as admin\"大众>

</form>

理解更多打算机干系知识,可上岸北大青鸟广州新嘉华官网查看,或联系在线值班老师理解详情。