在html中选择的工具提示

Question

我有一个汽车列表，可以从下拉列表中选择

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

此代码为我提供了下拉代码，我需要在框上悬停时悬停消息，例如“选择您的汽车”。有一个select选项可以为每个选项提供消息，但是我需要的是仅在将选择框悬停时才显示工具提示。

Answer 1

最简单的方法是添加标题属性：

<select title="Select your car">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>

虽然看起来不太好。如果您希望获得更高级的工具提示，则必须采用JavaScript路线。