HTML表单学习笔记

HTML表单学习笔记

name属性

如果要正确地被提交，每个输入字段必须设置一个 name 属性。

输入类型

<input type="date">选择年月日
<input type="color">选择颜色
<input type="month">选择年月
<input type="time">选择时分
<input type="file">选择文件
<input type="email">输入邮箱
<input type="search">用于搜索
<input type="tel">输入电话号码
<input type="url">输入url

输入属性

value

value 属性规定输入字段的初始值

readonly

readonly 属性规定输入字段为只读（不能修改）
<input type="text" name="firstname" value="John" readonly>
readonly 属性不需要值。它等同于readonly="readonly"

disabled

disabled 属性规定输入字段是禁用的。被禁用的元素是不可用和不可点击的。被禁用的元素不会被提交。
<input type="text" name="firstname" value="John" disabled>

autocomplete

autocomplete 属性规定表单或输入字段是否应该自动完成。当自动完成开启，浏览器会基于用户之前的输入值自动填写值。
<input type="email" name="email" autocomplete="off">

autofocus

autofocus 属性是布尔属性。如果设置，则规定当页面加载时 元素应该自动获得焦点。
<input type="text" name="fname" autofocus>

form

form 属性规定 元素所属的一个或多个表单。提示：如需引用一个以上的表单，请使用空格分隔的表单 id 列表。
<input type="text" name="lname" form="form1">

formaction

formaction 属性规定当提交表单时处理该输入控件的文件的 URL。formaction 属性覆盖 元素的 action 属性。formaction 属性适用于 type="submit"以及 type="image"。

<form action="/example/html5/demo_form.asp" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="submit" value="提交" /><br />
<input type="submit" formaction="/example/html5/demo_admin.asp" value="以管理员身份提交" />
</form>

height 和 width

height 和 width 属性仅用于 <input type="image">

list

list 属性引用的<datalist>元素中包含了 <input>元素的预定义选项。

<input list="browsers">

<datalist id="browsers">
   <option value="Internet Explorer">
   <option value="Firefox">
   <option value="Chrome">
   <option value="Opera">
   <option value="Safari">
</datalist> 

multiple

multiple 属性是布尔属性。如果设置，则规定允许用户在 元素中输入一个以上的值。multiple 属性适用于以下输入类型：email 和 file。
Select images: <input type="file" name="img" multiple>

placeholder

placeholder 属性规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。该提示会在用户输入值之前显示在输入字段中。placeholder 属性适用于以下输入类型：text、search、url、tel、email 以及 password。
<input type="text" name="fname" placeholder="First name">

required

required 属性是布尔属性。如果设置，则规定在提交表单之前必须填写输入字段。required 属性适用于以下输入类型：text、search、url、tel、email、password、date pickers、number、checkbox、radio、file.
<input type="text" name="usrname" required>