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>