HTML5 input标签

作者: 漆家洲 分类: HTML5 发布时间: 2015-06-03 17:29 浏览次数:553

定义和用法

<input> 标签定义输入字段,用户可在其中输入数据。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中,该元素有很多新属性,同时不再支持 HTML 4.01 中的一些属性。

在 HTML 5 中,type 属性有很多新的值。

例子

注释:input 元素是空的,仅包含属性。

提示:请使用 label 元素为表单控件定义标注。

属性

属性 描述 4 5
accept list_of_mime_types 一个逗号分隔的 MIME 类型列表,指示文件传输的 MIME 类型。注释:仅可与 type=”file” 配合使用。 4 5
align
  • left
  • right
  • top
  • texttop
  • middle
  • absmiddle
  • baseline
  • bottom
  • absbottom
定义图像之后的文本对齐方式。不支持,请使用 CSS 代替。 4
alt text 定义图像的替代文本。注释:仅可与 type=”image” 配合使用。 4 5
autocomplete 5
autofocus
  • true
  • false
当页面加载时,使输入字段获得焦点。注释:type=”hidden” 时,无法使用。 5
checked
  • true
  • false
指示此 input 元素首次加载时应当被选中。注释:请与 type=”checkbox” 及 type=”radio” 配合使用。 4 5
disabled
  • true
  • false
当 input 元素首次加载时禁用此元素,这样用户就无法在其中写文本,或选定它。注释:不能与 type=”hidden” 一同使用。 4 5
form
  • true
  • false
定义输入字段属于一个或多个表单。 5
inputmode inputmode 定义预期的输入类型。 5
list id of a datalist 引用 datalist 元素。如果定义,则一个下拉列表可用于向输入字段插入值。 5
max number 输入字段的最大值。 5
maxlength number 定义文本域中所允许的字符最大数目。 4 5
min number 输入字段的最小值。 5
name field_name 为 input 元素定义唯一的名称。 4 5
pattern 5
readonly readonly 指示是否可修改该字段的值。 4 5
replace text 定义当表单提交时如何处理该输入字段。 5
required
  • true
  • false
定义输入字段的值是否是必需的。当使用下列类型时无法使用:hidden, image, button, submit, reset 5
size number_of_char 定义 input 元素的大小。不再支持。 4
src URL 定义要显示的图像的 URL。仅用于 type=”image” 时。 4 5
step 5
template template 定义一个或多个模板。 5
type
  • button
  • checkbox
  • date
  • datetime
  • datetime-local
  • email
  • file
  • hidden
  • image
  • month
  • number
  • password
  • radio
  • range
  • reset
  • submit
  • text
  • time
  • url
  • week
指示 input 元素的类型。默认值是 “text”

注释:该属性不是必需的。但是我们认为应该使用它。

4 5
value value 对于按钮、重置按钮和确认按钮:定义按钮上的文本。对于图像按钮:定义传递向某个脚本的此域的符号结果。

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

对于隐藏域、密码域以及文本域:定义元素的默认值。

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

注释:与 type=”checkbox” 和 type=”radio” 一同使用时,此元素是必需的。

4 5

标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, 
lang, ref, registrationmark, tabindex, template, title

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, 
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, 
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, 
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, 
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!