HTML select size 属性

htmlweb developmentfront end technology更新于 2025/8/6 19:24:17

<select> 元素的 size 属性用于设置下拉列表中可见列表项的数量。如果 size 设置为大于 1，则会添加滚动条。

以下是语法−

<select size="num">

以上，num 是下拉列表中可见列表项的数量。

现在让我们看一个实现 <select> 元素 size 属性的示例 −

示例

<!DOCTYPE html>
<html>
<body>
<h1>Candidate Profile</h1>
<p>Following are the details to be submitted by the candidate:</p>
<h2>Educational Qualification</h2>
<form action="">
<section>
<h3>Graduation</h3>
<select size = "2">
   <option value="bca">BCA</option>
   <option value="bcom">B.COM</option>
   <option value="btech">B.TECH</option>
   <option value="btech">B.SC</option>
</select>
</section>
<section>
<h3>Postgraduation</h3>
<select size="2">
   <option value="mca">MCA</option>
   <option value="mcom">M.COM</option>
   <option value="mtech">M.TECH</option>
   <option value="msc">M.Sc</option>
</select>
</section><br>
<input type="submit" value="Next">
</form>
</body>
</html>

输出

在上面的例子中，我们设置了两个下拉列表 −

<section>
<h3>Graduation</h3>
<select size = "2">
   <option value="bca">BCA</option>
   <option value="bcom">B.COM</option>
   <option value="btech">B.TECH</option>
   <option value="btech">B.SC</option>
</select>
</section>
<section>
<h3>Postgraduation</h3>
<select size="2">
   <option value="mca">MCA</option>
   <option value="mcom">M.COM</option>
   <option value="mtech">M.TECH</option>
   <option value="msc">M.Sc</option>
</select>
</section>

我们在上面设置了两个下拉列表，其大小属性允许设置可见列表项的数量−