網頁

2019/8/5

HTML <input type="text"> 一般文字輸入欄位

在HTML網頁可使用輸入元素(Input element)的文字輸入欄位<input type="text">讓使用者可以輸入文字資料。

例如下面就是<input type="text">


下面是<input type="text">常用的其他屬性。

屬性 作用
autocomplete 自動填入資料。
autocapitalize 自動大小寫
dirname 使用者輸入時的文字方向,由左至右(ltr)或由右至左(rtl)。
list <datalist>搭配使用來填入定義好的選項內容。
maxlength 最多可輸入幾個字。
minlength 最少要輸入幾個字。
name 定義欄位在表單中的名稱。
pattern 輸入欄位的正規表達式(Regex)。
placeholder 在輸入欄位顯示提示文字。
readonly 輸入欄位是否唯讀,讓使用者不能更改欄位內容。
required 是否為必填欄位。
size 調整欄位的寬度大小。
value 欄位的值,通常是使用者在欄位輸入的資料。


參考:

沒有留言:

張貼留言