HTML中的option屬性詳解

一、htmlauto屬性

htmlauto屬性是當用戶與選項進行交互時，HTML是否自動完成選項。

如果您想讓HTML自動完成選項，則可以將htmlauto屬性設置為on。相反，如果您不想讓HTML自動完成選項，則可以將htmlauto屬性設置為off。

<select> 
  <option value="1" htmlauto="on">男</option> 
  <option value="2" htmlauto="off">女</option> 
</select>

二、htmllink屬性

htmllink屬性確定在選項被激活時將打開的鏈接。它可以是外部鏈接或頁面內的錨點。

<select> 
   <option value="https://www.google.com">搜索</option> 
   <option value="#anchor">跳到錨點</option> 
</select>

三、htmlsolid屬性

htmlsolid屬性定義選項框是否為實心。

<select> 
  <option value="1" htmlsolid="on">白色 </option> 
  <option value="2" htmlsolid="off">黑色 </option> 
</select>

四、htmlvideo屬性

在htmlvideo屬性中，您可以將視頻選項嵌入到HTML中。

<select> 
  <option value="video1"><video src="movie.mp4" /></option> 
  <option value="video2"><video src="movie2.mp4" /></option> 
</select>

五、html中option的value屬性

value屬性是將返回值分配給選項的屬性。它的值是所選選項的值，它用於與表單相關聯。

<select> 
  <option value="1">北京市</option> 
  <option value="2">上海市</option> 
</select>

六、htmlborder屬性

HTML border屬性設置元素的邊框大小。

<select htmlborder="2"> 
  <option value="1">北京</option> 
  <option value="2">上海</option> 
</select>

七、htmlcursor屬性

htmlcursor屬性定義滑鼠指針的類型。

<select htmlcursor="pointer"> 
  <option value="1">黑色</option> 
  <option value="2">白色</option> 
</select>