input 属性

placeholder="" 提示文字

http://www.w3chtml.com/html5/tag/input.html

accept list_of_mime_types
规定可通过文件上传控件提交的文件类型。

(仅适用于 type="file")

alt text
规定图像输入控件的替代文本。

(仅适用于 type="image")

autocomplete
  • on
  • off
规定是否使用输入字段的自动完成功能。
autofocus autofocus
规定输入字段在页面加载时是否获得焦点。

(不适用于 type="hidden")

checked checked
规定当页面加载时是否预先选择该 input 元素。

(适用于 type="checkbox" 或 type="radio")

disabled disabled
规定当页面加载时是否禁用该 input 元素。

(不适用于 type="hidden")

form formname 规定输入字段所属的一个或多个表单。
formaction URL
覆盖表单的 action 属性。

(适用于 type="submit" 和 type="image")

formenctype 见注释
覆盖表单的 enctype 属性。

(适用于 type="submit" 和 type="image")

formmethod
  • get
  • post

覆盖表单的 method 属性。

(适用于 type="submit" 和 type="image")

formnovalidate formnovalidate
覆盖表单的 novalidate 属性。

如果使用该属性,则提交表单时不进行验证。

formtarget
  • _blank
  • _self
  • _parent
  • _top
  • framename

覆盖表单的 target 属性。

(适用于 type="submit" 和 type="image")

height
  • pixels
  • %
定义 input 字段的高度。(适用于 type="image")
list datalist-id 引用包含输入字段的预定义选项的 datalist 。
max
  • number
  • date

规定输入字段的最大值。

请与 "min" 属性配合使用,来创建合法值的范围。

maxlength number 规定文本字段中允许的最大字符数。
min
  • number
  • date

规定输入字段的最小值。

请与 "max" 属性配合使用,来创建合法值的范围。

multiple multiple 如果使用该属性,则允许一个以上的值。
name field_name
规定 input 元素的名称。

name 属性用于在提交表单时搜集字段的值。

pattern regexp_pattern
规定输入字段的值的模式或格式。

例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。

placeholder text 规定帮助用户填写输入字段的提示。
readonly readonly 指示字段的值无法修改。
required required 指示输入字段的值是必需的。
size number_of_char 规定输入字段中的可见字符数。
src URL 规定图像的 URL。(适用于 type="image")
step number 规定输入字的的合法数字间隔。
type
  • button
  • checkbox
  • date
  • datetime
  • datetime-local
  • email
  • file
  • hidden
  • image
  • month
  • number
  • password
  • radio
  • range
  • reset
  • submit
  • text
  • time
  • url
  • week
规定 input 元素的类型。
value value
对于按钮:规定按钮上的文本

对于图像按钮:传递到脚本的字段的符号结果

对于复选框和单选按钮:定义 input 元素被点击时的结果。

对于隐藏、密码和文本字段:规定元素的默认值。

注释:不能与 type="file" 一同使用。

注释:对于 type="checkbox" 以及 type="radio",是必需的。

width
  • pixels
  • %
定义 input 字段的宽度。(适用于 type="image")
时间: 2024-10-01 07:41:37

input 属性的相关文章

HTML input属性

input标签是单独出现的,<input />属性.Common -- 一般属性type -- 代表一个输入域的显示方式(分为输入型,选择型,点击型)value -- 输入域的值size -- 输入域的长度maxlength -- 输入域最多可以输入文字的长度checked -- 如果是选择型的输入域,代表已经被选择readonly -- 输入域可以选择,但是无法修改disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用accesskey -- 表单的快捷键访问

JQuery设置input属性(disabled、enabled)

document.getElementById("removeButton").disabled = false; //普通Js写法 $("#removeButton").removeAttr("disabled");// Enable,JQuery写法 $("#removeButton").attr("disabled","disabled");// disabled JQuery设置

02-HTML5新的input属性

[转]02-HTML5新的input属性 本节重点 HTML5 拥有多个新的表单输入类型.这些新特性提供了更好的输入控制和验证 本节介绍新的输入类型: date datetime datetime-local email month number range search tel time url week color color 类型用在input字段主要用于选取颜色 从拾色器中选择一个颜色: <input type="color" name="mycolor&quo

关于input 属性placeholder 在IE9下兼容

今天分享下同事关于input 属性placeholder 在IE9下不兼容的解决方案,小弟不是很懂,希望有看完的大佬说说你们的理解 <script src="http://www.jq22.com/jquery/1.8.3/jquery.min.js"></script> <script> (function($){ $.fn.placeholder = function(options){ var opts = $.extend({}, $.fn.

移动端定制软键盘样式 配置input属性的type属性

1.当你的input输入的数据为链接地址时type属性可改为 type=url 最下面一栏就会出现.com 提高用户体验 2.当你的input输入的数据为email时type属性可改为 type=email 最下面一栏就会出现@符号 3.当你的input输入的数据为电话时type属性可改为 type=tel 软键盘就会显示这个样子. 4.当你的input输入的数据为电话时type属性可改为 type=number 显示介个样子

input属性type为file打开文件资源管理器时,如何限制多次选取或只能一次选取的行为

1.input标签没有设置multiple属性,文件资源管理器默认一次选取 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Author" content="木人子韦一日尘"> <meta name="Description" content

JQuery里input属性赋值,取值prop()和attr()方法?

一.赋值的时候 如果是<input type="checkbox" checked>这样的只有属性名就能生效的属性 推荐prop,即:$('input').prop('checked',true); 同时,false表示取消,即:$('input').prop('checked',false); 当然attr也行的:$('input').attr('checked','这里写什么都行的'); 取消属性就是移除:$('input').removeAttr('checked')

H5新增input属性

目录 H5中新增input系列(2) H5新增的input的type属性 1.placeholder 属性 2.step 属性 3.pattern 属性 4.multiple 属性 5.min 和 max 属性 6.height 和 width 属性 7.list属性 8.required属性 9.formtarget 属性 10.formmethod 属性 11.autofocus 属性 12.autocomplete 属性 13.form 属性 14.formaction 属性 15.for

input属性控制弹出键盘类型

/**   * ios弹起数字键盘有三种方法   * 1. <input type="number"> 可以弹起带有小数点的键盘,可以键盘不干净,有其它各种字符,可切换输入法   * 2. <input type="tel"> 可以弹起纯数字键盘,加#*特殊字符,不可以切换输入法,但没有小数点   * 3. <input type="text" pattern="\d*"> 可以弹起只有数字