input 標簽詳解

一、input是什么

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

二、input常見屬性

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

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