一、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>