input 標籤常用屬性以及 type 的屬性值

2021-08-20 15:37:04 字數 1163 閱讀 6333

『input』標籤常用屬性

type:指定input型別

autocomplete:設定是否自動完成,其值為:on/off

autofocus:規定輸入欄位在頁面載入時是否獲得焦點,不適用於type= 『hidden』

checked:預設選擇,對type值為『checkbox』及『radio』有效

disabled:禁用

size:設定輸入欄位的寬度

maxlength:設定輸入欄位的最大長度

width:設定寬度,(適用於 type=『image』)

height:設定高度,(適用於 type=『image』)

step:設定輸入字段合法數字間隔

required:表示輸入欄位為必需

readonly:表示唯讀

placeholder:設定輸入框的佔位符

pattern:規定輸入欄位的值的模式或格式。例如 pattern=『[0-9]』表示輸入值必須是 0 與 9 之間的數字。

multiple:如果使用該屬性,則允許乙個以上的值,適用於『select』及『datalist』

min:設定輸入欄位的最小值

max:這是輸入欄位的最大值

list:引用包含輸入欄位的預定義選項的 datalist 。

value:設定input的值

『type』屬性值

text:普通輸入框

password:密碼輸入框

radio:單選寬

checkbox:多選框

file:檔案

button:普通按鈕

submit:提交按鈕

reset:重置按鈕

image:按鈕

hidden:隱藏域

email:郵箱輸入框

url:資源位址

search:搜尋框

number:數值輸入控制項

tel:**號碼

range:數值選擇範圍控制項

date:日期選擇控制項

month:月份選擇控制項

week:周選擇控制項

time:時間選擇控制項

datetime:日期時間選擇控制項

datetime-local:本地日期時間選擇控制項

color:顏色選擇控制項

文章由挖知識(www.wazhishi.com)編輯

input標籤屬性

1.用input輸入文字 text型input元素可用的額外屬性 比較特殊的 dirname 指定元素內容文字方向的名稱 list 指定為文字框建議提供建議值的datalist元素 2.用input元素輸入密碼 pattern 指定乙個用於輸入驗證的正規表示式 required 表明使用者必須輸入乙...

input標籤 name屬性

link 給推薦幾個對程式設計師來說神器般存在的軟體 在頁面裡輸入了乙個input type hidden 只寫了乙個id myid 賦值後submit,在後台用request.params myid 卻怎麼也取不到值。應該用name來標識,於是在input裡加了個name myid 就一切ok了。...

input常用屬性

對於input的使用,大家都很熟悉的,標籤用於蒐集使用者資訊。根據不同的 type 屬性值,輸入字段擁有很多種形式。輸入字段可以是文字字段 核取方塊 掩碼後的文字控制項 單選按鈕 按鈕等等。下面總結下個人經常使用過的一些屬性。text 文字域 button 按鈕 checkbox 複選 file 檔...