HTML表单中的属性

HTML表单中的属性用于创建下拉列表，允许用户从预定义的选项中进行选择。下拉列表的筛选将自动关闭，选项将显示为打开时。

基本语法

<select name="选择框的名称" id="选择框的名称">
  <option value="选项的值">选项的文本</option>
  <option value="选项的值">选项的文本</option>
  <option value="选项的值">选项的文本</option>
  ...
</select>

<select>标签用来定义下来列表，name属性用来为下拉列表命名，id属性标识元素，如有必要可利用CSS来定位下拉列表。

<option>标签用于定义选项，value属性用于定义选项的值，selected属性用来设置默认选项。<option>标记必须置于选择列表标记内部。

属性

autofocus

HTML5中的新属性之一，表示在页面加载后自动聚焦到下拉列表。语法如下：

<select autofocus>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
</select>

disabled

禁用下拉列表，在下拉列表禁用时，不能使用该下拉列表。语法如下：

<select disabled>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
</select>

multiple

允许用户选择多个选项。选中的选项将在传递时作为数组传递。语法如下：

<select multiple>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
</select>

name

指定下拉列表的名称。语法如下：

<select name="choose">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
</select>

required

规定下拉列表必填。语法如下：

<select required>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
</select>

size

规定下拉列表的尺寸。语法如下：

<select size="3">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

示例

<form>
  <label for="cars">选择一种车型:</label>
  <select id="cars" name="cars">
    <option value="volvo">沃尔沃</option>
    <option value="saab">萨博</option>
    <option value="opel">欧普</option>
    <option value="audi">奥迪</option>
  </select>
  <br><br>
  <input type="submit" value="提交">
</form> 

总结

以上就是HTML表单中使用<select>属性的相关介绍，可根据不同需求选择添加不同的属性来完成表单的功能。