选择表格中的附加信息

Question

当您将光标指向选项标签时，有没有办法显示附加信息？

<select> <option>Name...</option> </select>

例如，光标附近的一些小信息栏将写入帮助信息。谢谢

Answer 1

将title 属性添加到option。

仅供参考：title 属性是一个全局属性 - 它可以用于几乎任何可见元素，以在该元素悬停时显示工具提示。它还为元素提供了一些额外的可访问性。

<select>
  <option title="Hello">Hello</option>
  <option title="Goodbye">Goodbye</option>  
</select>

Answer 2

可能的解决方案是title 属性。

在下面的示例中，当您聚焦选择输入并将鼠标悬停在选项上时，会显示标题。

<select>
  <option title="more information 1..." value="1">Option 1</option>
  <option title="more information 2..." value="2">Option 2</option>
  <option title="more information 3..." value="3">Option 3</option>
  <option title="more information 4..." value="4">Option 4</option>
 </select>