标签属性
属性
描述
ACCESSKEY |
accessKey |
设置或获取对象的快捷键。 |
ATOMICSELECTION |
|
指定元素及其内容是否可以一不可见单位统一选择。 |
AUTOCOMPLETE |
autocomplete |
设置或获取对象的自动完成状态。 |
BEGIN |
begin |
设置或获取时间线在该元素上播放前的延迟时间。 |
|
canHaveChildren |
获取表明对象是否可以包含子对象的值。 |
|
canHaveHTML |
获取表明对象是否可以包含丰富的 HTML 标签的值。 |
CLASS |
className |
设置或获取对象的类。 |
|
clientHeight |
获取对象的高度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。 |
|
clientLeft |
获取 offsetLeft 属性和客户区域的实际左边之间的距离。 |
|
clientTop |
获取 offsetTop 属性和客户区域的实际顶端之间的距离。 |
|
clientWidth |
获取对象的宽度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。 |
CONTENTEDITABLE |
contentEditable |
设置或获取表明用户是否可编辑对象内容的字符串。 |
DATAFLD |
dataFld |
设置或获取由 dataSrc 属性指定的绑定到指定对象的给定数据源的字段。 |
DATASRC |
dataSrc |
设置或获取用于数据绑定的数据源。 |
|
defaultValue |
设置或获取对象的初始内容。 |
DIR |
dir |
设置或获取对象的阅读顺序。 |
|
disabled |
获取表明用户是否可与该对象交互的值。 |
DISABLED |
disabled |
设置或获取控件的状态。 |
END |
end |
设置或获取表明元素结束时间的值,或者元素设置为重复的简单持续终止时间。 |
|
firstChild |
获取对象的 childNodes 集合的第一个子对象的引用。 |
|
form |
获取对象所在表单的引用。 |
|
hasMedia |
获取一个表明元素是否为 HTML+TIME 媒体元素的 Boolean 值。 |
HIDEFOCUS |
hideFocus |
设置或获取表明对象是否显式标明焦点的值。 |
ID |
id |
获取标识对象的字符串。 |
|
isContentEditable |
获取表明用户是否可编辑对象内容的值。 |
|
isDisabled |
获取表明用户是否可与该对象交互的值。 |
|
isMultiLine |
获取表明对象的内容是包含一行还是多行的值。 |
|
isTextEdit |
获取是否可使用该对象创建一个 TextRange 对象。 |
LANG |
lang |
设置或获取要使用的语言。 |
LANGUAGE |
language |
设置或获取当前脚本编写用的语言。 |
|
lastChild |
获取该对象 childNodes 集合中最后一个子对象的引用。 |
MAXLENGTH |
maxLength |
设置或获取用户可在文本控件中输入的最多字符数。 |
NAME |
name |
设置或获取对象的名称。 |
|
nextSibling |
获取对此对象的下一个兄弟对象的引用。 |
|
nodeName |
获取特定结点类型的名称。 |
|
nodeType |
获取所需结点的类型。 |
|
nodeValue |
设置或获取结点的值。 |
|
offsetHeight |
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。 |
|
offsetLeft |
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 |
|
offsetParent |
获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。 |
|
offsetTop |
获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。 |
|
offsetWidth |
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。 |
|
onOffBehavior |
获取表明指定的 Microsoft® DirectAnimation® 行为是否正在运行的对象。 |
|
outerHTML |
设置或获取对象及其内容的 HTML 形式。 |
|
outerText |
设置或获取对象的文本。 |
|
ownerDocument
|
设置或获取结点关联的 document 对象。 |
|
parentElement |
获取对象层次中的父对象。 |
|
parentNode |
获取文档层次中的父对象。 |
|
parentTextEdit |
获取文档层次中可用于创建包含原始对象的 TextRange 的容器对象。 |
|
previousSibling |
获取对此对象的上一个兄弟对象的引用。 |
READONLY |
readOnly |
设置或获取表明对象内容是否为只读的值。 |
|
readyState |
获取表明对象当前状态的值。 |
|
recordNumber |
获取数据集中生成对象的原始记录。 |
|
scopeName |
获取为该元素定义的命名空间。 |
|
scrollHeight |
获取对象的滚动高度。 |
|
scrollLeft |
设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。 |
|
scrollTop |
设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。 |
|
scrollWidth |
获取对象的滚动宽度。 |
SIZE |
size |
设置或获取控件的大小。 |
|
sourceIndex |
获取对象在源序中的依次位置,即对象出现在 document 的 all 集合中的顺序。 |
STYLE |
|
为该设置元素设置内嵌样式。 |
SYNCMASTER |
syncMaster |
设置或获取时间容器是否必须在此元素上同步回放。 |
SYSTEMBITRATE |
|
获取系统中大约可用带宽的 bps。 |
SYSTEMCAPTION |
|
表明是否要显示文本来代替演示的的音频部分。 |
SYSTEMLANGUAGE |
|
表明是否在用户计算机上的选项设置中选中了给定语言。 |
SYSTEMOVERDUBORSUBTITLE |
|
指定针对那些正在观看演示但对被播放的音频所使用的语言并不熟悉的用户来说是否要渲染配音或字幕。 |
TABINDEX |
tabIndex |
设置或获取定义对象的 Tab 顺序的索引。 |
|
tagName |
获取对象的标签名称。 |
|
tagUrn |
设置或获取在命名空间声明中指定的统一资源名称(URN)。 |
TIMECONTAINER |
timeContainer |
设置或获取与元素关联的时间线类型。 |
TITLE |
title |
设置或获取对象的咨询信息(工具提示)。 |
TYPE |
type |
获取或初始设置对象所代表的 input 控件类型。 |
|
uniqueID |
获取为对象自动生成的唯一标识符。 |
UNSELECTABLE |
|
指定该元素不可被选中。 |
VALUE |
value |
设置或获取控件对象的显示值。当控件对象提交时此值将返回给服务器。 |
VCARD_NAME |
vcard_name |
设置或获取对象的 vCard 值,以便用于自动完成框。 |
WIDTH |
width |
设置或获取对象的计算宽度。 |
相关推荐
通过以上介绍,我们可以看到`<input>`标签提供了丰富的类型和属性来满足各种需求。在实际开发过程中,合理地选择和配置这些属性可以极大地提高用户体验。希望本文能对你理解和使用`<input>`标签有所帮助!
总的来说,实现“点击input,弹出日期选择框”的功能涉及HTML和JavaScript的结合使用,通过`input`元素的`type="date"`属性以及适当的事件处理来创建交互式日期选择器。在实际项目中,还应考虑兼容性、用户体验和...
multiple属性适用于type="email"和type="file"的Input元素,使得用户可以在同一输入框中选择多个电子邮件地址或文件。例如,`<input type="file" name="img" multiple>`允许用户一次选择多张图片进行上传。 5. min...
`type`属性是`input`标签的一个关键属性,它决定了输入框的行为和外观。默认情况下,`input`元素的`type`可能是`text`,`password`,`email`等,每种类型都有其特定的用途。例如,`email`类型会自动启用浏览器内置的...
在表单中,`<input>` 标签是最常用的控件之一,它可以以多种类型 (`type`) 出现,以满足不同需求。以下是一些常见的 `input` 类型: 1. **单行文本输入框 (input type="text")**:允许用户输入一行文本。例如: ``...
在不断发展的Web技术中,`<input>`标签的`type`属性已经增加了许多新的特性和值,以提供更丰富的用户交互和数据验证。本文将详细介绍这些新特性和属性值。 1. **文本输入** (`type="text"`):这是最基础的输入类型...
例如,`<a>`标签的`href`属性定义链接地址,`<img>`标签的`src`属性指定图片源,`<form>`标签的`action`属性定义表单提交的URL,以及`<input>`标签的各种类型属性如`type="text"`(文本输入)、`type="submit"`...
在多标签场景下,通常使用`<input type="text">`,让用户输入标签内容。为了实现多标签的功能,我们需要监听用户的输入事件,如`keyup`或`keydown`,尤其是回车键(键盘码为13)的按下。 当用户在`input`框中输入...
在本文中,我们讨论的是一个常见的前端开发问题,即在IE8下尝试动态修改`<input>`标签的`type`属性时遇到的错误。在其他现代浏览器如Chrome、Firefox以及IE9及更高版本中,可以正常地通过JavaScript或jQuery的`attr...
除了上述的`value`和`name`属性,`<input>`标签还有许多其他常用属性,如`type`(定义输入类型,如文本、密码、日期等)、`id`(用于唯一标识元素)、`class`(用于CSS样式)、`placeholder`(提示信息)、`disabled...
### HTML:自定义标签属性详解 #### 一、引言 HTML 作为 Web 开发的基础语言之一,提供了丰富的标签及属性来构建网页内容。在实际应用中,有时我们需要为 HTML 元素添加额外的信息或功能,这就需要用到自定义属性...
当我们谈论`<input>`标签的样式时,我们通常指的是如何通过CSS(层叠样式表)来改变这些控件的外观和布局。`<input>`标签的样式化对于创建美观且用户体验良好的网页至关重要。 在HTML5中,`<input>`标签支持多种...
在HTML部分,通过设置`<input>`标签的`onkeydown`属性,将键盘事件处理函数`check(event)`绑定到了文本框上。同时,还禁用了文本框的粘贴功能,防止用户通过粘贴板输入不符合规则的内容。 ### 完整代码示例 下面是...
然而,需要注意的是,并非所有浏览器都支持直接通过JavaScript修改`type`属性,尤其是对于`<input>`标签。本文将深入探讨如何在不同浏览器环境下,特别是处理IE兼容性问题时,有效地实现这一功能。 首先,让我们看...
#### 十八、文字域标签 `<input type="text">` - **属性**: - `name`:设置输入字段的名字。 - `size`:设置输入字段的大小。 - `value`:设置输入字段的默认值。 - `maxlength`:设置输入字段允许的最大字符数...
和 readonly 属性类似,可以在 input 标签中添加 disabled 属性,以便让 input 变成不可编辑状态。例如:<input type="text" disabled="disabled" /> 3. 使用 JavaScript 代码 可以使用 JavaScript 代码来让 input...
例如,`<input type="email">`确保用户输入的是有效的电子邮件地址格式,`<input type="number">`则限制输入为数字,并可以通过min、max和step属性进行范围和步长的限制。 此外,HTML5的`<datalist>`元素结合`list`...
在HTML中,`<input>`标签提供了多种类型,如`text`、`number`等。其中,`type="number"`可以限制用户输入为数字,但默认情况下它允许输入负数和小数。为了完全符合题目要求,即仅限于非负数,并确保小数点的唯一性,...
input[type="text"] { border: 1px solid #ccc; /* 边框颜色和宽度 */ box-sizing: border-box; /* 确保边框内填充不会改变元素大小 */ } /* 鼠标悬停时的效果 */ input[type="text"]:hover { border-color: #...