HTML 下拉框是一種常見的表單控件，通常用于提供一組選項供用戶選擇。在某些情況下，我們可能需要在下拉框中設置提示語，以提供更好的用戶體驗。本文介紹如何在 HTML 下拉框中設置提示語。 首先，我們需要在 HTML 中定義一個下拉框。下面是一個基本的下拉框代碼：

<select name="fruit">
<option value="">請選擇水果</option>
<option value="apple">蘋果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
</select>

在這個下拉框中，我們設置了三個選項：蘋果、香蕉和橙子。但是，如果用戶沒有選擇任何選項，下拉框將默認顯示第一個選項。為了提供更好的用戶體驗，我們可以在下拉框中添加一個提示語，告訴用戶需要選擇一個選項。 為了實現這一點，我們可以向下拉框中添加一個空選項，并將其設置為默認選中。當用戶打開下拉框時，提示語將顯示在下拉框中。當用戶選擇其他選項時，該提示選項將消失。

<select name="fruit">
<option value="" selected hidden>請選擇水果</option>
<option value="apple">蘋果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
</select>

在這個代碼中，我們向下拉框中添加了一個空選項，并設置了 selected 和 hidden 屬性。selected 屬性用于設置該選項為默認選中，hidden 屬性用于隱藏該選項，以防它被用戶誤選。 在實際使用中，我們可以根據需要修改提示語內容和選項值。同時，我們還可以使用 CSS 樣式來美化下拉框和提示語的顯示效果，提供更好的用戶體驗。 綜上所述，通過向 HTML 下拉框中添加一個空選項，并設置其為默認選中，并使用 CSS 樣式來美化提示語的顯示效果，我們可以在下拉框中設置一個提示語，提供更好的用戶體驗。