html好看的下拉列表单选完整代码
时间: 2023-09-02 09:05:52 浏览: 126
HTML下拉列表菜单
4星 · 用户满意度95%
以下是一个示例的HTML代码,实现了一个下拉列表单选框:
```html
<select>
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
<option value="grape">葡萄</option>
</select>
```
其中,`<select>`标签定义了一个下拉列表框,而`<option>`标签则定义了每个选项。`value`属性定义了每个选项的值,而选项的文本则写在`<option>`标签之间。
如果你想要设置默认选中的选项,可以在`<option>`标签中添加`selected`属性,例如:
```html
<select>
<option value="apple" selected>苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
<option value="grape">葡萄</option>
</select>
```
这样,页面加载时就会默认选中“苹果”这个选项。
阅读全文