HTML基礎複習（八）表單

表單-----<form>用於收集不一樣類型的用戶輸入

最經常使用的輸入元素

　　一、<input>,根據類型type屬性能夠設置不一樣的輸入類型：

　　　　type="text"：文本域，文本域的缺省寬度是20個字符

　　　　type="password"：密碼字段

　　　　type="button"：按鈕

　　　　type="radio"：單選按鈕

　　　　type="checkbox"：複選框

　　　　type="submit"：提交按鈕

　　　　type=「number」：數字輸入框

　　　　type=「range」：數字範圍滑動條

 

　　二、<select>,下拉選擇框

　　　　<select name="sex">

　　　　　　<option value="boy">boy</option>

　　　　　　<option value="girl">girl</option>

　　　　</select>

• 默認顯示第一個option；要預設下拉框，在對應的標籤<option>內添加屬性selected便可
• 屬性multiple和size可設置多選，但仍是儘可能使用複選框

 

　　三、<textarea>多行文本輸入框

　　　　<textarea rows="10" cols="30">

　　　　　　我是一個文本框。

　　　　</textarea>

 

　　四、<label>爲input元素標記

• 當用戶選擇該標籤時，瀏覽器就會自動將焦點轉到和標籤相關的表單控件上，優化鼠標點擊事件易用性，它的for屬性應當與相關元素的ID相同。

 

• 它還能夠在表單之外，但它仍然屬於某一個表單，經過form屬性指定它關聯的表單

　　五、<fieldset>將表單內的相關元素分組。

　　　　<fieldset> 標籤會在相關表單元素周圍繪製邊框。

　　　　<legend>標籤爲fieldset元素定義標題

 

　　六、<datalist>預先定義輸入框input的可能選項

 

　　　　<input list="browsers">

　　　　　<datalist id="browsers">

　　　　　　<option value="Internet Explorer">

　　　　　　<option value="Firefox">

　　　　　　<option value="Chrome">

　　　　　　<option value="Opera">

　　　　　　<option value="Safari">

　　　　</datalist>