在网页设计中，我们经常需要为用户提供一些选择，例如国家、省份、城市等，HTML提供了一种简单的方法来创建这样的下拉列表，即使用<select>和<option>标签，下面将详细介绍如何使用HTML制作城市选项。

1. 基本结构

我们需要创建一个<select>元素，这个元素将作为下拉列表的容器，我们可以使用多个<option>元素来表示不同的城市选项，每个<option>元素都有一个value属性，这个属性的值将被提交到服务器。

<select name="city">
  <option value="beijing">北京</option>
  <option value="shanghai">上海</option>
  <option value="guangzhou">广州</option>
</select>

在上面的例子中，我们创建了一个名为"city"的下拉列表，其中包含了三个城市选项：北京、上海和广州，当用户选择一个选项并提交表单时，"city"的值将是所选城市的名称。

2. 添加更多的城市选项

要添加更多的城市选项，只需在<select>元素中添加更多的<option>元素即可，每个<option>元素都应该有一个唯一的value属性值，以便服务器能够区分不同的选项。

<select name="city">
  <option value="beijing">北京</option>
  <option value="shanghai">上海</option>
  <option value="guangzhou">广州</option>
  <option value="shenzhen">深圳</option>
  <option value="chengdu">成都</option>
</select>

在上面的例子中，我们添加了两个新的城市选项：深圳和成都，现在，用户可以选择五个不同的城市。

3. 添加默认选项

有时，我们希望在下拉列表中显示一个默认的城市选项，要实现这一点，我们可以使用selected属性，当一个<option>元素的selected属性被设置为"selected"时，该选项将成为下拉列表的默认选项。

<select name="city">
  <option value="beijing" selected>北京</option>
  <option value="shanghai">上海</option>
  <option value="guangzhou">广州</option>
  <option value="shenzhen">深圳</option>
  <option value="chengdu">成都</option>
</select>

在上面的例子中，我们将"北京"设置为默认选项，当页面加载时，"北京"将自动被选中。

4. 添加描述信息

有时，我们希望为每个城市选项提供一些额外的描述信息，为了实现这一点，我们可以使用<optgroup>元素来分组城市选项，每个<optgroup>元素都可以包含一个或多个<option>元素。

<select name="city">
  <optgroup label="北方城市">
    <option value="beijing">北京</option>
    <option value="tianjin">天津</option>
    <option value="shijiazhuang">石家庄</option>
  </optgroup>
  <optgroup label="南方城市">
    <option value="shanghai">上海</option>
    <option value="guangzhou">广州</option>
    <option value="shenzhen">深圳</option>
  </optgroup>
  <optgroup label="西部城市">
    <option value="chengdu">成都</option>
    <option value="xi'an">西安</option>
    <option value="chongqing">重庆</option>
  </optgroup>
</select>

在上面的例子中，我们将城市选项分为三个组：北方城市、南方城市和西部城市，每个组都有一个标签（label），这个标签将在下拉列表中显示为一个标题，这样，用户可以更容易地找到他们感兴趣的城市。

常见问题解答栏目：HTML城市选项常见问题解答

问题1：如何设置下拉列表的默认选项？