此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
HTML 属性：size
size 属性定义了<input> 元素的宽度和<select> 元素的高度。对于input，如果type 属性是text 或password ，那么它就是字符数。字符数必须是 0 或更大的整数。如果没有指定size，或指定的值无效，则不会声明输入的大小，表单控件将采用基于用户代理的默认宽度。如果 CSS 目标元素的属性会影响宽度，则 CSS 优先。
size 属性对约束验证没有影响。
尝试一下
<label for="firstName">First Name:</label><input name="firstName" type="text" size="10" /><label for="lastName">Last Name:</label><input name="lastName" type="text" size="20" /><label for="fruit">Favourite fruit:</label><select name="fruit" size="2"> <option>Orange</option> <option>Banana</option> <option>Apple</option></select>label { display: block; margin-top: 1rem;}示例
通过在某些输入类型上添加size 可以控制输入的宽度。在选择项上添加 size 会改变高度，从而定义在关闭状态下有多少选项是可见的。
html
<label for="fruit">选择一种水果</label><input type="text" size="15" /><label for="vegetable">选择一种蔬菜</label><input type="text" /><select name="fruits" size="5"> <option>香蕉</option> <option>樱桃</option> <option>草莓</option> <option>榴莲</option> <option>蓝莓</option></select><select name="vegetables" size="5"> <option>胡萝卜</option> <option>黄瓜</option> <option>菜花</option> <option>芹菜</option> <option>油麦菜</option></select>规范
| Specification |
|---|
| HTML # attr-select-size |
| HTML # attr-input-size |