web前端学习笔记——表单

option，选项，定义下拉菜单的每一项,可以多项

<select name="city">
                <option>重庆</option>
                <option>广州</option>
                <option>上海</option>
                <option>北京</option>
</select>

• 1
• 2
• 3
• 4
• 5
• 6

注：一般默认选项都是第一项，但是可以通过给option设置一个selected属性(属性值为selected)，更改选中项

 <select name="city">
                <option>重庆</option>
                <option>广州</option>
                <option>上海</option>
                <option selected="selected">北京</option>
</select>

• 1
• 2
• 3
• 4
• 5
• 6

当下拉菜单比较复杂是，可以将用optgroup标签对选项进行分组

optgroup标签，双标签，可以设置一个label属性，表示给这一组设置一个分组标签名

 <select name="city">
     <optgroup label="国内">
                <option>重庆</option>
                <option>广州</option>
                <option>上海</option>
                <option selected="selected">北京</option>
    </optgroup>
    <optgroup label="国外">
                    <option>纽约</option>
                    <option>伦敦</option>
                    <option>巴黎</option>
    </optgroup>
 </select>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

注：optgroup是不能被点击选择的