input 標(biāo)簽詳解

一、input是什么

它在HTML中代表一個元素(Element),多數(shù)用于表單的互交控件。
input在HTML中沒有閉合標(biāo)簽。

二、input常見屬性

1.type=text
輸入類型為text,常見于輸入用戶名、手機號、及其他文字信息時用到,text也是input的默認(rèn)類型,再添加一個placeholder屬性可以在你的輸入框里出現(xiàn)文字提示。
例子:<input id="姓名" type="text" placeholder="請輸入名字">
2.type=password
輸入類型為password,是用于輸入密碼的一種輸入類型,在輸入密碼時,不會顯示文本,而是以圓點代替,添加文字提示方法和上面一樣。
例子:<input id="密碼" type="password" placeholder="請輸入密碼">
3.type=checkbox
輸入類型為checkbox,表示多選框,常見于注冊時選擇愛好、性格、或其他需要多選時。
注意,name的名字不一定要一致,但是不建議這樣做,也一定要有value值,不然服務(wù)器沒法看到勾選的選項返回到服務(wù)器的值是什么。
例子:<input type="checkbox" name="愛好" value="抽煙">抽煙 <input type="checkbox" name="愛好" value="喝酒">喝酒 <input type="checkbox" name="愛好" value="燙頭">燙頭
4.type=radio
輸入類型為radio,即單選框,常用于性別選項。
name一定要相同,不然不能產(chǎn)生的單選的效果,和多選一樣也一定要有value值。
例子:<input type="radio" name="取向" value="直的">直的 <input type="radio" name="取向" value="彎的">彎的 <input type="radio" name="取向" value="雙的">雙的
5.type=button
輸入類型為button,是按鈕的意思,會使用你當(dāng)期系統(tǒng)默認(rèn)的樣式,如果要改變樣式就需要用css改變樣式,方方老師曾經(jīng)說過,盡量不要這樣,因為讓用戶使用默認(rèn)的樣式才能有一致性的體驗,而且這個標(biāo)簽必須加value值,如果不加value值,這個按鈕就只是一個按鈕的樣子,按鈕上不會有文字,所以沒有特殊要求就要把value值寫上。
例子 <input type="button" value="點我">
<br />
<strong>最后附上一個自己寫的from表單簡單的例子!點我</strong>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 什么是input? 標(biāo)簽用于搜集用戶信息。根據(jù)不同的 type 屬性值,輸入字段擁有很多種形式,輸入字段可以是文本...
    饑人谷_Dylan閱讀 1,372評論 0 50
  • <input>:用于收集用戶信息。 根據(jù)不同的 type 屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段、...
    PYFang閱讀 2,132評論 0 0
  • 最近學(xué)習(xí)HTML的過程中遇到了input標(biāo)簽,作為一名前端初級學(xué)習(xí)者,其實我是不太了解的。既然不懂的話,就得深入的...
    饑人谷_enzo閱讀 1,766評論 0 0
  • 常用的input標(biāo)簽 button 一個沒有默認(rèn)行為的推送按鈕 checkbox 一個被選中的盒子,必須使用val...
    勃王閱讀 507評論 0 0
  • 一、<input>是什么 它在HTML中代表一個元素(Element),多數(shù)用于表單的互交控件。input在HTM...
    饑人谷_hak閱讀 1,961評論 0 0

友情鏈接更多精彩內(nèi)容