HTML 5.0 教程:<input>标签

Html <input>标签定义和用法

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

Html <input>标签在HTML 4.01与 HTML 5.0两版本的区别

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

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

Html <input>标签例子

注释:input 元素是空的,仅包含属性。
提示:请使用 label 元素为表单控件定义标注。

Html <input>标签属性

属性描述HTML 4.01HTML 5.0
acceptlist_of_mime_types一个逗号分隔的 MIME 类型列表,指示文件传输的 MIME 类型。注释:仅可与 type="file" 配合使用。
align
  • left
  • right
  • top
  • texttop
  • middle
  • absmiddle
  • baseline
  • bottom
  • absbottom

定义图像之后的文本对齐方式。

不支持,请使用 CSS 代替。

X
alttext

定义图像的替代文本。

注释:仅可与 type="image" 配合使用。

autocompleteXXX
autofocus
  • true
  • false

当页面加载时,使输入字段获得焦点。

注释:type="hidden" 时,无法使用。

X
checked
  • true
  • false

指示此 input 元素首次加载时应当被选中。

注释:请与 type="checkbox" 及 type="radio" 配合使用。

disabled
  • true
  • false

当 input 元素首次加载时禁用此元素,这样用户就无法在其中写文本,或选定它。

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

form
  • true
  • false
定义输入字段属于一个或多个表单。X
inputmodeinputmode定义预期的输入类型。X
listid of a datalist引用 datalist 元素。如果定义,则一个下拉列表可用于向输入字段插入值。X
maxnumber输入字段的最大值。X
maxlengthnumber定义文本域中所允许的字符最大数目。
minnumber输入字段的最小值。X
namefield_name为 input 元素定义唯一的名称。
patternXXX
readonlyreadonly指示是否可修改该字段的值。
replacetext定义当表单提交时如何处理该输入字段。X
required
  • true
  • false

定义输入字段的值是否是必需的。

当使用下列类型时无法使用:hidden,image,button,submit,reset

X
sizenumber_of_char定义 input 元素的大小。不再支持。X
srcURL

定义要显示的图像的 URL。

仅用于 type="image" 时。

stepXXX
templatetemplate定义一个或多个模板。X
type
  • button
  • checkbox
  • date
  • datetime
  • datetime-local
  • email
  • file
  • hidden
  • image
  • month
  • number
  • password
  • radio
  • range
  • reset
  • submit
  • text
  • time
  • url
  • week

指示 input 元素的类型。

默认值是 "text"

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

valuevalue

对于按钮、重置按钮和确认按钮:定义按钮上的文本。

对于图像按钮:定义传递向某个脚本的此域的符号结果。

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

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

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

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

标准属性

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

上页:HTML 5.0 教程:<img>标签 下页:HTML 5.0 教程:<ins>标签

HTML5标签

HTML 5.0 教程:<ins>标签 HTML 5.0 教程:<keygen>标签
HTML 5.0 教程:<label>标签 HTML 5.0 教程:<legend>标签
HTML 5.0 教程:<li>标签 HTML 5.0 教程:<link>标签
HTML 5.0 教程:<m>标签 HTML 5.0 教程:<map>标签
HTML 5.0 教程:<menu>标签 HTML 5.0 教程:<meta>标签
HTML 5.0 教程:<meter>标签 HTML 5.0 教程:<nav>标签
HTML 5.0 教程:<nest>标签 HTML 5.0 教程:<noframes>标签
HTML 5.0 教程:<noscript>标签 HTML 5.0 教程:<object>标签
HTML 5.0 教程:<ol>标签 HTML 5.0 教程:<optgroup>标签
HTML 5.0 教程:<option>标签 HTML 5.0 教程:<output>标签
版权所有 © 中山市飞娥软件工作室 证书:粤ICP备09170368号