HTML <input> 標籤
阿新 • • 發佈：2020-10-14
什麼是<input> 標籤？
<input>標籤用於蒐集使用者資訊。 根據不同的type屬性值，輸入欄位擁有很多種形式。輸入欄位可以是文字欄位、複選框、掩碼後的文字控制元件、單選按鈕、按鈕等等。
例項
<formaction="form.java"method="get">
Firstname:<inputtype="text"name="fname"/>
Lastname:<inputtype="text"name="lname"/>
<inputtype="submit"value="Submit"/>
</form> 瀏覽器支援
所有瀏覽器都支援<input>標籤。
<input> 標籤HTML5 中的新屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| accept | mime_type | 規定通過檔案上傳來提交的檔案的型別。 |
| align | left right top middle bottom |
規定影象輸入的對齊方式。 不推薦使用。 |
| alt | text | 定義影象輸入的替代文字。 |
| autocomplete | on off |
規定是否使用輸入欄位的自動完成功能。 |
| autofocus | autofocus | 規定輸入欄位在頁面載入時是否獲得焦點。 |
| checked | checked | 規定此 input 元素首次載入時應當被選中。 |
| disabled | disabled | 當 input 元素載入時禁用此元素。 |
| form | formname | 規定輸入欄位所屬的一個或多個表單。 |
| formaction | URL | 覆蓋表單的 action 屬性。 （適用於 type="submit" 和 type="image"） |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | 覆蓋表單的 enctype 屬性。 （適用於 type="submit" 和 type="image"） |
| formmethod | get post |
覆蓋表單的 method 屬性。 （適用於 type="submit" 和 type="image"） |
| formnovalidate | formnovalidate | 覆蓋表單的 novalidate 屬性。 |
| formtarget | _blank _self _parent _top framename |
規定表示提交表單後在哪裡顯示接收到響應的名稱或關鍵詞。(只適合 type="submit" 和 type="image") |
| height | pixels % |
定義 input 欄位的高度。（適用於 type="image"） |
| list | datalist-id | 引用包含輸入欄位的預定義選項的 datalist 。 |
| max | number date |
規定輸入欄位的最大值。 |
| maxlength | number | 規定輸入欄位中的字元的最大長度。 |
| min | number date |
規定輸入欄位的最小值 |
| multiple | multiple | 如果使用該屬性，則允許一個以上的值。 |
| name | field_name | 定義 input 元素的名稱。 |
| pattern | regexp_pattern | 規定輸入欄位的值的模式或格式。 |
| 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"） |
更多資訊，請查詢HTML標籤裡面的詳細解釋