html < input > 标签属性
石家庄人才网今天给大家分享《html < input > 标签属性》,石家庄人才网小编对内容进行了深度展开编辑,希望通过本文能为您带来解惑。
标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
本文我们将讲解 HTML input 标签的属性。
标签是空标签,意思是说,它只包含属性,并且没有闭合标签。
所有主流浏览器都支持 标签。
以下是输入标签的属性列表:
1、 全局属性
标签支持 HTML 中的全局属性。
2、 HTML5 中的新属性
属性|值|描述
------- | -------- | --------
autocomplete|on|off|规定输入字段是否应该启用自动完成功能
autofocus|autofocus|规定当页面加载时,输入字段应该自
动获得焦点form|form_id|规定输入字段所属的一个或多个表单
formaction|URL|覆盖表单的 action 属性
formenctype|application/x-www-form-urlencoded
multipart/form-data
text/plain|覆盖表单的 enctype 属性
formmethod|get|post|覆盖表单的 method 属性
formnovalidate|formnovalidate|覆盖表单的 novalidate 属性
formtarget|_blank
_self
_parent
_top
framename|覆盖表单的 target 属性
height|pixels|定义图像高度
list|datalist_id|规定输入字段的 datalist。datalist 的 id 属性的值必须与 list 属性的值相同
min|number|规定输入字段的最小值
max|number|规定输入字段的最大值
multiple|multiple|规定输入字段中可选择多个值
pattern|regexp|规定输入字段值的模式。模式可以使用正则表达式
placeholder|text|提供一种提示(hint),描述输入字段期待的值。当输入字段为空时,提示会在字段中显示
required|required|规定输入字段是必需的(必填)
step|number|规定输入字段的合法数字间隔(如果 step="3",则合法数字是 -3、0、3、6,以此类推)
width|pixels|定义图像宽度
3、 事件属性
标签支持以下事件属性
onblur|当元素失去焦点时发生
onchange|当元素改变时发生
onfocus|当元素获得焦点时发生
onselect|当元素被选中时发生
以下是一些常用的 标签属性的示例:
1、 type 属性
type 属性规定要显示的 元素的类型。
以下是一些常用的 type 属性值:
○ text - 文本输入字段
○ password - 密码输入字段
○ submit - 定义提交按钮
○ reset - 定义重置按钮
○ radio - 定义单选按钮
○ checkbox - 定义复选框
○ button - 定义按钮
2、 value 属性
value 属性为 元素设定值。
对于文本字段、密码字段以及隐藏字段,value 属性指定了输入字段的初始值。
对于按钮,value 属性指定了按钮上的文本。
3、 name 属性
name 属性为 元素定义名称。
name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。 注释:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
4、 checked 属性
checked 属性是一个布尔属性。
checked 属性规定在页面加载时应该被预先选定的 元素。 石家庄人才网小编提醒您,checked 属性
适用于 type="checkbox" 和 type="radio"。5、 readonly 属性
readonly 属性是一个布尔属性。
readonly 属性规定输入字段为只读。只读字段不能修改(不过,用户可以通过使用 tab 键切换到该字段,使用鼠标选中该字段中的文本,以及使用 Ctrl+C 复制文本内容)。
注释:readonly 属性不适用于 type="color"、"date"、"datetime-local"、"month"、"range"、"time"、"week"。
6、 disabled 属性
disabled 属性是一个布尔属性。
disabled 属性规定应该禁用 元素。被禁用的输入元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要使用 JavaScript 来删除 disabled 值,将输入字段切换为可用状态。
7、 size 属性
size 属性规定输入字段的尺寸(以字符计)。
对于以下类型的 元素,size 属性定义了输入字段的默认宽度:
○ text
○ search
○ tel
○ url
○ passw
ord对于 type="number",size 属性的值与 max 和 min 属性一起使用,以创建数字字段的范围。
8、 maxlength 属性
maxlength 属性规定输入字段允许的最大字符数。
maxlength 属性适用于以下类型的 元素:
○ text
○ search
○ url
○ tel
○ password
石家庄人才网小编对《html < input > 标签属性》内容分享到这里,如果有相关疑问请在本站留言。
- 上一篇:微信小程序开发需要多少钱
- 下一篇:返回列表
版权声明:《html < input > 标签属性》来自【石家庄人才网】收集整理于网络,不代表本站立场,所有图片文章版权属于原作者,如有侵略,联系删除。
https://www.ymil.cn/quanzi/22862.html