HTML - size 属性_HTML 菜鸟教程

HTML size 属性用于指定输入字段的初始宽度和所选元素的可见行数。

对于输入元素，size 属性指定可见宽度（以字符为单位），对于 select 元素，size 属性指定下拉列表中可见选项的数量。

语法


<element size="value">

适用对象

下面列出的元素允许使用 HTML size 属性。

元素	描述
<input>	HTML <input> 标签用于指定输入字段。
<select>	HTML <select> 标签用于在在线表单中创建下拉列表。

HTML size 属性的示例

以下示例将说明 HTML size 属性，我们应该在何处以及如何使用此属性！

具有不同大小的表单输入字段

输出窗口显示的姓氏字段的大小大于名字字段的大小。


<!DOCTYPE html>
<html>

<head>
		<title>HTML size Attribute in input tag</title>
</head>

<body>
		<h2> HTML size Attribute in input tag</h2>
		<form>
			 firstName: <input type="text">
			 <br><br> 
			 lastName: <input type="text" size="50">
		</form>
</body>

</html>

具有多个可见选项的下拉列表

在执行以下代码时，根据 size 属性，下拉列表一次显示三个选项。


<!DOCTYPE html>
<html>

<head>
		<title>HTML size Attribute in select tag</title>
</head>

<body>
		<h2>HTML size Attribute in select tag</h2>
		<p>Select the option of your choice:</p>
		<select size="3">
			<option value="merge"> merge sort </option>
			<option value="bubble"> bubble sort </option>
			<option value="selection"> selection sort </option>
			<option value="quick"> quick sort </option>
			<option value="insertion"> insertion sort </option>
		</select>
</body>

</html>

支持的浏览器

浏览器
是否支持	Yes	Yes	Yes	Yes	Yes

<< HTML - shape 属性 HTML - sizes 属性 >>