您当前的位置:首页 > 圈子

html < input > 标签属性

2024-10-23 21:49:07 作者:石家庄人才网

石家庄人才网今天给大家分享《html < input > 标签属性》,石家庄人才网小编对内容进行了深度展开编辑,希望通过本文能为您带来解惑。

标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

本文我们将讲解 HTML input 标签的属性。

标签是空标签,意思是说,它只包含属性,并且没有闭合标签。

所有主流浏览器都支持 标签。

以下是输入标签的属性列表:

1、 全局属性

标签支持 HTML 中的全局属性。

2、 HTML5 中的新属性

属性|值|描述

------- | -------- | --------

autocomplete|on|off|规定输入字段是否应该启用自动完成功能

autofocus|autofocus|规定当页面加载时,输入字段应该自

html<input>标签属性

动获得焦点

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 属性

html<input>标签属性

适用于 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

○ email

○ passw

html<input>标签属性

ord

对于 type="number",size 属性的值与 max 和 min 属性一起使用,以创建数字字段的范围。

8、 maxlength 属性

maxlength 属性规定输入字段允许的最大字符数。

maxlength 属性适用于以下类型的 元素:

○ text

○ search

○ url

○ tel

○ email

○ password

石家庄人才网小编对《html < input > 标签属性》内容分享到这里,如果有相关疑问请在本站留言。

版权声明:《html < input > 标签属性》来自【石家庄人才网】收集整理于网络,不代表本站立场,所有图片文章版权属于原作者,如有侵略,联系删除。
https://www.ymil.cn/quanzi/22862.html