隨著互聯網的發展，網站的功能不斷豐富，其中選擇城市功能是很常見的一個。那么如何用HTML制作選擇城市功能呢？下面就來介紹一下。

一、HTML基礎知識

在制作選擇城市功能之前，我們需要掌握一些基礎的HTML知識，例如HTML標簽、屬性等等。如果你還不熟悉HTML，可以先學習一下HTML基礎知識。

二、選擇城市功能的實現

1. 創建選擇城市的下拉框

首先，在HTML中創建一個下拉框，用于選擇城市。代碼如下：

<select id="city">g>ghai>gzhou>zhen>

</select>

其中，id為“city”的下拉框有四個選項，分別是北京、上海、廣州和深圳，每個選項都有一個value值，用于后面的操作。

2. 設置默認選項

我們可以通過設置selected屬性，來設置默認選項。例如，我們設置默認選項為廣州，代碼如下：

<select id="city">g>ghai>gzhou>zhen>

</select>在頁面加載時，就會默認選中廣州這個選項。

3. 獲取選中的城市

我們可以使用JavaScript來獲取選中的城市。代碼如下：

```ententById("city").value;我們就可以獲取到選中的城市的value值了。

4. 跳轉到對應的頁面

獲取到選中的城市后，我們可以通過跳轉頁面的方式，顯示對應城市的信息。例如，我們可以創建四個不同的頁面，分別顯示北京、上海、廣州和深圳的信息。代碼如下：

```ententById("city").value;dowl";當我們選擇了某個城市后，就會跳轉到對應的頁面了。

通過以上步驟，我們就可以實現選擇城市功能了。總的來說，就是創建一個下拉框，設置默認選項，獲取選中的城市，然后跳轉到對應的頁面。希望本文能夠對大家有所幫助。