HTML5<input>

网页链接:http://www.w3school.com.cn/tags/tag_input.asp
1.是干嘛的:<input> 标签用于搜集用户信息。

2.注意和XHTML的区别:在 HTML 中,<input> 标签没有结束标签。 在 XHTML 中,<input> 标签必须被正确地关闭。

  1. 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。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值