首頁技術(shù)文章正文

為什么要使用input控件？input控件哪些屬性是常用的？

更新時(shí)間:2021-06-07 來源:黑馬程序員 瀏覽量:

1577370495235_學(xué)IT就到黑馬程序員.gif

瀏覽網(wǎng)頁時(shí)經(jīng)常會(huì)看到單行文本輸入框、單選按鈕、復(fù)選框、提交按鈕、重置按鈕等，要想定義這些元素就需要使用input控件，其基本語法格式如下：

<input type="控件類型"/>


在上面的語法中，<input />標(biāo)簽為單標(biāo)簽，type屬性為其最基本的屬性，其取值有多種，用于指定不同的控件類型。除了type屬性之外，<input />標(biāo)簽還可以定義很多其他的屬性，其常用屬性如表1所示。

表1 input控件的常用屬性

屬性                                屬性值                       描述
typetext單行文本輸入框
password密碼輸入框
radio單選按鈕
checkbox復(fù)選框
button普通按鈕
submit提交按鈕
reset重置按鈕
image圖像形式的提交按鈕
hidden隱藏域
file文件域
name由用戶自定義控件的名稱
value由用戶自定義input控件中的默認(rèn)文本值
size正整數(shù)input控件在頁面中的顯示寬度
readonlyreadonly該控件內(nèi)容為只讀（不能編輯修改）
disableddisabled第一次加載頁面時(shí)禁用該控件（顯示為灰色）
checkedchecked定義選擇控件默認(rèn)被選中的項(xiàng)
maxlength正整數(shù)控件允許輸入的最多字符數(shù)






猜你喜歡：

表單的構(gòu)成是什么？如何創(chuàng)建表單

表格標(biāo)簽的特性，如何在HTML網(wǎng)頁中創(chuàng)建表格

CSS怎樣控制表格單元格的寬高？

黑馬程序前端與移動(dòng)開發(fā)培訓(xùn)課程

分享到：
在線咨詢 我要報(bào)名
和我們?cè)诰€交談！