HTML <input> size 属性

HTML <input> 标签

定义和用法

size 属性规定 <input> 元素的可见宽度（以字符计）。

注意：size 属性适用于以下输入类型：

  • text
  • search
  • tel
  • url
  • email
  • password

提示：如需规定 <input> 元素中允许的最大字符数，请使用 maxlength 属性。

兼容性提示

由于 size 属性是一个可视化的设计属性，我们推荐您使用 CSS 来代替它。

CSS 语法：

<input style="width:100px" />

亲自试一试

在 W3School 的 CSS 教程中，您可以找到更多有关 width 属性 的细节。

实例

包含两个宽度分别为 50 和 4 个字符的输入字段的 HTML 表单：

<form action="/action_page.php">
  <label for="fname">名字：</label>
  <input type="text" id="fname" name="fname" size="50"><br><br>
  <label for="pin">PIN:</label>
  <input type="text" id="pin" name="pin" maxlength="4" size="4"><br><br>
  <input type="submit" value="提交">
</form>

亲自试一试

语法

<input size="number">

属性值

值 描述
number 规定 <input> 元素的宽度，以字符为单位。默认值为 20。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML <input> 标签