HTML 属性:size
size
属性定义 <input>
元素的宽度和 <select>
元素的高度。对于 input
,如果 type
属性是 text 或 password,则它是字符数。这必须是 0 或更大的整数值。如果未指定 size
,或指定了无效值,则输入没有声明大小,并且表单控件将是基于用户代理的默认宽度。如果 CSS 定位的元素具有影响宽度的属性,则 CSS 优先。
¥The size
attribute defines the width of the <input>
and the height of the <select>
element. For the input
, if the type
attribute is text or password then it's the number of characters. This must be an integer value of 0 or higher. If no size
is specified, or an invalid value is specified, the input has no size declared, and the form control will be the default width based on the user agent. If CSS targets the element with properties impacting the width, CSS takes precedence.
size
属性对约束验证没有影响。
¥The size
attribute has no impact on constraint validation.
Try it
示例
¥Examples
通过在某些输入类型上添加 size
,可以控制输入的宽度。在选择上添加大小会更改高度,从而定义在关闭状态下可见的选项数量。
¥By adding size
on some input types, the width of the input can be controlled. Adding size on a select changes the height, defining how many options are visible in the closed state.
<label for="fruit">Enter a fruit</label>
<input type="text" size="15" id="fruit" />
<label for="vegetable">Enter a vegetable</label>
<input type="text" id="vegetable" />
<select name="fruits" size="5">
<option>banana</option>
<option>cherry</option>
<option>strawberry</option>
<option>durian</option>
<option>blueberry</option>
</select>
<select name="vegetables" size="5">
<option>carrot</option>
<option>cucumber</option>
<option>cauliflower</option>
<option>celery</option>
<option>collard greens</option>
</select>
规范
No specification found
No specification data found for html.elements.attribute.size
.
Check for problems with this page or contribute a missing spec_url
to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.
浏览器兼容性
BCD tables only load in the browser