更新時(shí)間:2021-06-07 來源:黑馬程序員 瀏覽量:
瀏覽網(wǎng)頁時(shí)經(jīng)常會看到單行文本輸入框、單選按鈕、復(fù)選框、提交按鈕、重置按鈕等,要想定義這些元素就需要使用input控件,其基本語法格式如下:
<input type="控件類型"/>
在上面的語法中,<input />標(biāo)簽為單標(biāo)簽,type屬性為其最基本的屬性,其取值有多種,用于指定不同的控件類型。除了type屬性之外,<input />標(biāo)簽還可以定義很多其他的屬性,其常用屬性如表1所示。
表1 input控件的常用屬性
屬性 | 屬性值 | 描述 |
---|---|---|
type | text | 單行文本輸入框 |
password | 密碼輸入框 | |
radio | 單選按鈕 | |
checkbox | 復(fù)選框 | |
button | 普通按鈕 | |
submit | 提交按鈕 | |
reset | 重置按鈕 | |
image | 圖像形式的提交按鈕 | |
hidden | 隱藏域 | |
file | 文件域 | |
name | 由用戶自定義 | 控件的名稱 |
value | 由用戶自定義 | input控件中的默認(rèn)文本值 |
size | 正整數(shù) | input控件在頁面中的顯示寬度 |
readonly | readonly | 該控件內(nèi)容為只讀(不能編輯修改) |
disabled | disabled | 第一次加載頁面時(shí)禁用該控件(顯示為灰色) |
checked | checked | 定義選擇控件默認(rèn)被選中的項(xiàng) |
maxlength | 正整數(shù) | 控件允許輸入的最多字符數(shù) |
猜你喜歡:
【AI設(shè)計(jì)】北京143期畢業(yè)僅36天,全員拿下高薪offer!黑馬AI設(shè)計(jì)連續(xù)6期100%高薪就業(yè)
2025-09-19【跨境電商運(yùn)營】深圳跨境電商運(yùn)營畢業(yè)22個(gè)工作日,就業(yè)率91%+,最高薪資達(dá)13500元
2025-09-19【AI運(yùn)維】鄭州運(yùn)維1期就業(yè)班,畢業(yè)14個(gè)工作日,班級93%同學(xué)已拿到Offer, 一線均薪資 1W+
2025-09-19【AI鴻蒙開發(fā)】上海校區(qū)AI鴻蒙開發(fā)4期5期,距離畢業(yè)21天,就業(yè)率91%,平均薪資14046元
2025-09-19【AI大模型開發(fā)-Python】畢業(yè)33個(gè)工作日,就業(yè)率已達(dá)到94.55%,班均薪資20763元
2025-09-19【AI智能應(yīng)用開發(fā)-Java】畢業(yè)當(dāng)天offer率91%,薪資1W+占比54.2%,班級均薪12k+
2025-09-19