1. 程式人生 > >單選框,多選框,下拉框程式碼結構和注意部分

單選框,多選框,下拉框程式碼結構和注意部分

<html>

<head>

<mate charset="utf-8">

</head>

<body>

<!-- 單選框,主要注意name的值要一致 -->

<input type="radio" name="sex"  value="option1"/>男

<input type="radio" name="sex"  value="option1" checked="checked"/>中性

<input type="radio" name="sex" value="option1"/>女

<!-- 複選框,結構和單選框相似,但type不同,為checkbox,其中checked="checked"為預設選項 -->

<input type="checkbox" name="apple" value="option2" checked="checked" />蘋果

<input type="checkbox" name="banner" value="option2" />香蕉

<input type="checkbox" name="orange" value="option2" />橘子

<!-- 下拉框 -->

<select name="select" >

  <option value=“”>品牌1</option>

  <option value=“”>品牌2</option>


  <option value=“”>品牌3</option>

 <option value=“”>品牌4</option>

</select>

</body>

</html>