🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] > [wangdoc](https://wangdoc.com/javascript/elements/input.html#htmlinputelement-%E7%9A%84%E5%AE%9E%E4%BE%8B%E5%B1%9E%E6%80%A7) ## 特征属性 * `name`:字符串,表示`<input>`节点的名称。该属性可读写。 * `type`:字符串,表示`<input>`节点的类型。该属性可读写。 * `disabled`:布尔值,表示`<input>`节点是否禁止使用。一旦被禁止使用,表单提交时不会包含该`<input>`节点。该属性可读写。 * `autofocus`:布尔值,表示页面加载时,该元素是否会自动获得焦点。该属性可读写。 * `required`:布尔值,表示表单提交时,该`<input>`元素是否必填。该属性可读写。 * `value`:字符串,表示该`<input>`节点的值。该属性可读写。 * `validity`:返回一个`ValidityState`对象,表示`<input>`节点的校验状态。该属性只读。 * `validationMessage`:字符串,表示该`<input>`节点的校验失败时,用户看到的报错信息。如果该节点不需要校验,或者通过校验,该属性为空字符串。该属性只读。 * `willValidate`:布尔值,表示表单提交时,该`<input>`元素是否会被校验。该属性只读。 ## 表单相关属性 * `form`:返回`<input>`元素所在的表单(`<form>`)节点。该属性只读。 * `formAction`:字符串,表示表单提交时的服务器目标。该属性可读写,一旦设置了这个属性,会覆盖表单元素的`action`属性。 * `formEncType`:字符串,表示表单提交时数据的编码方式。该属性可读写,一旦设置了这个属性,会覆盖表单元素的`enctype`的属性。 * `formMethod`:字符串,表示表单提交时的 HTTP 方法。该属性可读写,一旦设置了这个属性,会覆盖表单元素的`method`属性。 * `formNoValidate`:布尔值,表示表单提交时,是否要跳过校验。该属性可读写,一旦设置了这个属性,会覆盖表单元素的`formNoValidate`属性。 * `formTarget`:字符串,表示表单提交后,服务器返回数据的打开位置。该属性可读写,一旦设置了这个属性,会覆盖表单元素的`target`属性。 ## 文本输入框的特有属性 * `autocomplete`:字符串`on`或`off`,表示该`<input>`节点的输入内容可以被浏览器自动补全。该属性可读写。 * `maxLength`:整数,表示可以输入的字符串最大长度。如果设为负整数,会报错。该属性可读写。 * `size`:整数,表示`<input>`节点的显示长度。如果类型是`text`或`password`,该属性的单位是字符个数,否则单位是像素。该属性可读写。 * `pattern`:字符串,表示`<input>`节点的值应该满足的正则表达式。该属性可读写。 * `placeholder`:字符串,表示该`<input>`节点的占位符,作为对元素的提示。该字符串不能包含回车或换行。该属性可读写。 * `readOnly`:布尔值,表示用户是否可以修改该节点的值。该属性可读写。 * `min`:字符串,表示该节点的最小数值或日期,且不能大于`max`属性。该属性可读写。 * `max`:字符串,表示该节点的最大数值或日期,且不能小于`min`属性。该属性可读写。 * `selectionStart`:整数,表示选中文本的起始位置。如果没有选中文本,返回光标在`<input>`元素内部的位置。该属性可读写。 * `selectionEnd`:整数,表示选中文本的结束位置。如果没有选中文本,返回光标在`<input>`元素内部的位置。该属性可读写。 * `selectionDirection`:字符串,表示选中文本的方向。可能的值包括`forward`(与文字书写方向一致)、`backward`(与文字书写方向相反)和`none`(文字方向未知)。该属性可读写。 ## 复选框和单选框的特有属性 * `checked`:布尔值,表示该`<input>`元素是否选中。该属性可读写。 * `defaultChecked`:布尔值,表示该`<input>`元素默认是否选中。该属性可读写。 * `indeterminate`:布尔值,表示该`<input>`元素是否还没有确定的状态。一旦用户点击过一次,该属性就会变成`false`,表示用户已经给出确定的状态了。该属性可读写。 ## 图像按钮的特有属性 * `alt`:字符串,图像无法显示时的替代文本。该属性可读写。 * `height`:字符串,表示该元素的高度(单位像素)。该属性可读写。 * `src`:字符串,表示该元素的图片来源。该属性可读写。 * `width`:字符串,表示该元素的宽度(单位像素)。该属性可读写。 ## 文件上传按钮的特有属性 * `accept`:字符串,表示该元素可以接受的文件类型,类型之间使用逗号分隔。该属性可读写。 * `files`:返回一个`FileList`实例对象,包含了选中上传的一组`File`实例对象。 ## 其他属性 * `defaultValue`:字符串,表示该`<input>`节点的原始值。 * `dirName`:字符串,表示文字方向。 * `accessKey`:字符串,表示让该`<input>`节点获得焦点的某个字母键。 * `list`:返回一个`<datalist>`节点,该节点必须绑定`<input>`元素,且`<input>`元素的类型必须可以输入文本,否则无效。该属性只读。 * `multiple`:布尔值,表示是否可以选择多个值。 * `labels`:返回一个`NodeList`实例,代表绑定当前`<input>`节点的`<label>`元素。该属性只读。 * `step`:字符串,表示在`min`属性到`max`属性之间,每次递增或递减时的数值或时间。 * `valueAsDate`:`Date`实例,一旦设置,该`<input>`元素的值会被解释为指定的日期。如果无法解析该属性的值,`<input>`节点的值将是`null`。 * `valueAsNumber`:浮点数,当前`<input>`元素的值会被解析为这个数值。