<progress id="zl1bp"></progress>
<menuitem id="zl1bp"><i id="zl1bp"><video id="zl1bp"></video></i></menuitem><cite id="zl1bp"></cite>
<var id="zl1bp"><strike id="zl1bp"><listing id="zl1bp"></listing></strike></var>
<menuitem id="zl1bp"></menuitem>
<var id="zl1bp"></var>
<var id="zl1bp"><strike id="zl1bp"></strike></var>
<var id="zl1bp"><video id="zl1bp"></video></var><cite id="zl1bp"><video id="zl1bp"><listing id="zl1bp"></listing></video></cite>
<var id="zl1bp"></var><var id="zl1bp"><strike id="zl1bp"></strike></var>
<var id="zl1bp"><strike id="zl1bp"><listing id="zl1bp"></listing></strike></var><var id="zl1bp"></var><cite id="zl1bp"><video id="zl1bp"><listing id="zl1bp"></listing></video></cite>
2HZZ國外網址導航喜歡加入收藏
當前位置:國外網 » 站長資訊 » 編程 » 文章詳細
標簽HTML

發布時間:2021-10-23,來源:2HZZ外國網址導航

<input> 標簽HTML中HTML <input> 標簽<img><ins>實例一個簡單的 HTML 表單,包含兩個文本輸入框和一個提交按鈕:


<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <input type="submit" value="Submit" />
</form>
親自試一試
(您可以在頁面底部找到更多實例)


瀏覽器支持
元素 Chrome IE Firefox Safari Opera
<input> Yes Yes Yes Yes Yes
所有瀏覽器都支持 <input> 標簽。


定義和用法
<input> 標簽用于搜集用戶信息。


根據不同的 type 屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段、復選框、掩碼后的文本控件、單選按鈕、按鈕等等。


HTML 與 XHTML 之間的差異
在 HTML 中,<input> 標簽沒有結束標簽。


在 XHTML 中,<input> 標簽必須被正確地關閉。


提示和注釋:
提示:請使用 label 元素為某個表單控件定義標簽。


屬性
new : HTML5 中的新屬性。


屬性 描述
accept mime_type 規定通過文件上傳來提交的文件的類型。
align
left
right
top
middle
bottom
不贊成使用。規定圖像輸入的對齊方式。
alt text 定義圖像輸入的替代文本。
autocomplete
on
off
規定是否使用輸入字段的自動完成功能。
autofocus autofocus
規定輸入字段在頁面加載時是否獲得焦點。


(不適用于 type="hidden")


checked checked 規定此 input 元素首次加載時應當被選中。
disabled disabled 當 input 元素加載時禁用此元素。
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 元素的名稱。
pattern regexp_pattern
規定輸入字段的值的模式或格式。


例如 pattern="[0-9]" 表示輸入值必須是 0 與 9 之間的數字。


placeholder text 規定幫助用戶填寫輸入字段的提示。
readonly readonly 規定輸入字段為只讀。
required required 指示輸入字段的值是必需的。
size number_of_char 定義輸入字段的寬度。
src URL 定義以提交按鈕形式顯示的圖像的 URL。
step number 規定輸入字的的合法數字間隔。
type
button
checkbox
file
hidden
image
password
radio
reset
submit
text
規定 input 元素的類型。
value value 規定 input 元素的值。
width
pixels
%
定義 input 字段的寬度。(適用于 type="image")
全局屬性
<input> 標簽支持 HTML 中的全局屬性。


事件屬性
<input> 標簽支持 HTML 中的事件屬性。


TIY 實例
文本域(Text fields)
本例演示如何在 HTML 頁面創建文本域。用戶可以在文本域寫入文本。
密碼域
本例演示如何創建 HTML 的密碼域。
復選框
本例演示如何在 HTML 頁中創建文本框。用戶可以選中或取消選取復選框。
單選按鈕
本例演示如何在 HTML 中創建單選按鈕。
簡單的下拉列表
本例演示如何在 HTML 頁面中創建簡單的下拉列表框。下拉列表框是一個可選列表。
另一個下拉列表
本例演示如何創建一個簡單的帶有預選值的下拉列表。(譯者注:預選值指預先指定的首選項。)
文本域(Textarea)
本例演示如何創建一個文本域(多行文本輸入控制)。用戶可以在文本域中寫入文本。在文本域中,可寫入的字符字數不受限制。
創建按鈕
本例演示如何創建按鈕。你可以對按鈕上的文字進行自定義。
圍繞數據的Fieldset
本例演示如何在數據周圍繪制一個帶標題的框。
帶有輸入框和確認按鈕的表單
本例演示如何向頁面添加表單。此表單包含兩個輸入框和一個確認按鈕。
帶有復選框的表單
此表單包含兩個復選框和一個確認按鈕。
帶有單選按鈕的表單
此表單包含兩個單選框和一個確認按鈕。
從表單發送電子郵件
此例演示如何從表單發送電子郵件。
相關頁面
HTML DOM 參考手冊:


Input Button 對象
Input Checkbox 對象
Input Color 對象
Input Date 對象
Input Datetime 對象
Input Datetime Local 對象
Input Email 對象
Input FileUpload 對象
Input Hidden 對象
Input Input Image 對象
Input Month 對象
Input Number 對象
Input Password 對象
Input Range 對象
Input Radio 對象
Input Reset 對象
Input Input Search 對象
Input Submit 對象
Input Text 對象
Input Input Time 對象
Input Input URL 對象
Input Week 對象