HTML - size 属性

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

对于输入元素，size 属性以字符为单位指定可视宽度；对于选择元素，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>

支持的浏览器

属性
size	是	是	是	是	是

html_attributes_reference.htm

打印页面