您好,登錄后才能下訂單哦!
這篇文章主要介紹了input語句的作用是什么,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
HTML<input>標簽
一個簡單的 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>
定義和用法
<input> 標簽用于搜集用戶信息。
根據不同的 type 屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段、復選框、掩碼后的文本控件、單選按鈕、按鈕等等。
屬性
屬性 | 值 | 描述 |
---|---|---|
accept | mime_type | 規定通過文件上傳來提交的文件的類型。 |
align |
| 不贊成使用。規定圖像輸入的對齊方式。 |
alt | text | 定義圖像輸入的替代文本。 |
autocomplete |
| 規定是否使用輸入字段的自動完成功能。 |
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 |
| 覆蓋表單的 method 屬性。 (適用于 type="submit" 和 type="image") |
formnovalidate | formnovalidate | 覆蓋表單的 novalidate 屬性。 如果使用該屬性,則提交表單時不進行驗證。 |
formtarget |
| 覆蓋表單的 target 屬性。 (適用于 type="submit" 和 type="image") |
height |
| 定義 input 字段的高度。(適用于 type="image") |
list | datalist-id | 引用包含輸入字段的預定義選項的 datalist 。 |
max |
| 規定輸入字段的最大值。 請與 "min" 屬性配合使用,來創建合法值的范圍。 |
maxlength | number | 規定輸入字段中的字符的最大長度。 |
min |
| 規定輸入字段的最小值。 請與 "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 |
| 規定 input 元素的類型。 |
value | value | 規定 input 元素的值。 |
width |
| 定義 input 字段的寬度。(適用于 type="image") |
感謝你能夠認真閱讀完這篇文章,希望小編分享input語句的作用是什么內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。