网页链接:http://www.w3school.com.cn/tags/tag_input.asp
1.是干嘛的:<input>
标签用于搜集用户信息。
2.注意和XHTML的区别:在 HTML 中,<input>
标签没有结束标签。 在 XHTML 中,<input>
标签必须被正确地关闭。
input 的属性:
autocomplete 属性 规定输入字段是否应该启用自动完成功能。autocomplete = ” on \ off ”
自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
autocomplete 属性适用于<form>
,以及下面的<input>
类型:(即 type = ) text, search, url, tel (telephone), email, password, range 以及 color。
在某些浏览器中,您可能需要手动启用自动完成功能。autofocus 属性 当页面加载时 input 元素自动获得焦点(光标)。 autofocus = ” autofocus ” 。
form 属性 规定了input 元素所属的一个或多个表单。form 属性的值必须是其所属表单的 id。如需引用一个以上的表单,请使用空格分隔的列表。
<form action="*" method="get" id="form1">
First name: <input type="text" name="fname" /><br />
<input type="submit" value="提交" />
</form>
<p>使用form属性下面的input依旧属于上面的表单</p>
Last name: <input type="text" name="lname" form="form1" />
<!--注意Last name:中的form="form1"是取决与<form>表单中的id的。-->
formaction 属性覆盖表单的 action 属性。向何处发送表单数据。该属性适用于 type=”submit” 以及 “image”。
<input type="submit/image" formaction="url">
formenctype覆盖表单的 enctype 属性。适用于 type=”submit” 以及 “image”。值:
application/x-www-form-urlencoded 在发送前对所有字符进行编码(默认)。
multipart/form-data 不对字符编码。当使用有文件上传控件的表单时,该值是必需的。
text/plain 将空格转换为 “+” 符号,但不编码特殊字符。
formmethod覆盖表单的 method 属性。适用于 type=”submit” 以及 “image”。值:get/post
formtarget覆盖表单的 target 属性。适用于 type=”submit” 以及 “image”。值:_blank \ _self \ _parent \ _top \ framename
formnovalidate覆盖表单的 novalidate 属性。如果使用该属性,则提交表单时不进行验证。适用于 ,以及下面的 类型:(即 type = ) text, search, url, tel (telephone), email, password, range 以及 color。
值:formnovalidate
list 属性引用数据列表,其中包含输入字段的预定义选项。datalist-id(数据列表的ID), 引用包含输入字段的预定义选项的 datalist 。<datalist>
标签用来定义选项列表,可以代替select实现下拉列表。
<form action="demo_form.asp">
Webpage: <input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="1" value="http://www.1.com" />
<option label="2" value="http://www.2.com" />
<option label="3" value="http://www.3.com" />
</datalist>
<input type="submit" />
</form>
max 属性规定输入字段所允许的最大值。
min 属性规定输入字段所允许的最小值。
max 属性与 min 属性配合使用,可创建合法值范围。
max 和 min 属性适用于以下 <input>
类型:number, range, date, datetime, datetime-local, month, time 以及 week。
maxlength 规定输入字段中的字符的最大长度。
multiple 属性规定可选择多个。
注释:multiple 属性的 <input>
类型:email 和 file。
pattern 属性规定用于验证输入字段的模式(即:正则表达式)。值:正则表达式;
pattern 属性适用于以下 <input>
类型:text, search, url, tel(telephone), email 以及 password 。
请使用标准的 “title” 属性来描述模式
3个字母: <input type="text" name="code" pattern="[A-z]{3}"
title="Three letter code" />
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。值:自己输入的提示文字;
该提示会在输入框的输入字段为空时显示,并会在字段获得焦点时消失。
placeholder 属性适用于以下的 <input>
类型:text, search, url, tel, email 以及 password。
required 属性规定必需在提交之前填写输入字段。即不能提交为空。值:required;
required 属性适用于以下 <input>
类型:text, search, url, tel, email, password, date pickers, number, checkbox, radio 以及 file。
step 属性规定输入字段的合法数字间隔(假如 step=”3”,则合法数字应该是 -3、0、3、6,以此类推)。
step、max 以及 min 属性适用于以下 <input>
类型:number, range, date, datetime, datetime-local, month, time 以及 week。