HTML 5 <input> 標簽

定義和用法

<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

如需完整的描述,請訪問 HTML 5 中标准屬性

事件屬性

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 中事件屬性

TIY 实例

文本域 (Text fields)
本例演示如何在HTML頁面創建文本域。用戶可以在文本域寫入文本。
密碼域
本例演示如何创建 HTML 的密碼域。
複選框
本例演示如何在 HTML 页中创建文本框。用户可以选中或取消选取複選框。
單選按鈕
本例演示如何在 HTML 中创建單選按鈕。
創建按鈕
本例演示如何創建按鈕。你可以对按钮上的文字进行自定义。
帶有輸入框和確認按鈕的表單
本例演示如何向頁面添加表單。此表單包含兩個輸入框和一個確認按鈕。
带有複選框的表单
此表单包含两个複選框和一个确认按钮。
带有單選按鈕的表单
此表單包含兩個單選框和一個確認按鈕。