html5表单元素{中}.doc

主要从事ui设计、java、网络营销、大数据开发培训。保就业，保底薪。
第10章 表单元素[中]
学****要点：


本章 readonly>
//设置文本框内容不可用，不可以提交数据
<input type="text" disabled>

<input type="password">
解释：当type值为password时，一般用于密码框的输入，所有的字符都会显示星号。
密码框也有一些额外属性。
属性名称 说明
maxlength 设置密码框最大字符长度
pattern 用于输入验证的正则表达式
placeholder 输入密码的提示
readonly 密码框处于只读状态
disabled 文本框处于禁用状态
size 设置密码框宽度
value 设置密码框初始值
required 表明用户必须输入同一个值
这里除了正则和验证需要放在下一节，其余和文本框一致。

<input type="search">
解释：和文本框一致，在除Firefox浏览器的其他现代浏览器，会显示一个叉来取消搜索内容。额外属性也和text一致。
、range时
<input type="number">
<input type="range">
主要从事ui设计、java、网络营销、大数据开发培训。保就业，保底薪。
解释：只限输入数字的文本框，不同浏览器可能显示方式不同。生成一个数值范围文本框，只是样式是拖动式。额外属性如下：
属性名称 说明
指定为文本框提供建议值的 datalist 元素，其值为
list
datalist元素的id值
min 设置可接受的最小值
max 设定可接受的最大值
readonly 设置文本框内容只读
required 表明用户必须输入一个值，否则无法通过输入验证
step 指定上下调节值的步长
value 指定初始值
//范围和步长