响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例4-5 select

代码

doctype html>
<html>
<head>
<meta charset="utf-8">
<title>selecttitle>
head>

<body>
 
所在城市(单选):<br>
<select>
  <option>-请选择-option>
  <option selected="selected">北京option>
  <option>上海option>
  <option>广州option>
select>
<br>
<br>

兴趣爱好(多选):<br>
<select multiple="multiple" size="4">
  <option>读书option>
  <option selected="selected">旅行option>
  <option selected="selected">听音乐option>
  <option>运动option>
select>
body>
html>

运行效果响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例4-5 select_第1张图片

< select >标签中的< option >标签用于定义列表中的可用选项。另外,可以通过定义属性,改变下拉菜单的外观显示效果。

你可能感兴趣的:(html5,css3,前端)