在HTML5中,input元素是經常用到的一個標簽,通過設置不同的type屬性值,可以實現不同類型的表單控件,例如文本輸入、密碼輸入、單選框、復選框等等。
<input type="text" name="username"> // 文本輸入框 <input type="password" name="password"> // 密碼輸入框 <input type="radio" name="gender" value="male">男 // 單選框 <input type="radio" name="gender" value="female">女 <input type="checkbox" name="hobby" value="reading">閱讀 // 復選框 <input type="checkbox" name="hobby" value="sport">運動
除了type屬性外,input元素還支持其他常用的屬性設置,例如:
// 設置默認值 <input type="text" name="username" value="admin"> // 設置占位符(placeholder) <input type="text" name="email" placeholder="請輸入郵箱"> // 設置是否必填(required) <input type="text" name="phone" required> // 設置輸入范圍(range) <input type="range" name="level" min="1" max="10"> // 日期選擇器(date) <input type="date" name="birthday"> // 時間選擇器(time) <input type="time" name="time"> // 顏色選擇器(color) <input type="color" name="color">
通過合理設置input元素的屬性,可以實現更加靈活和易用的表單控件。