html5中size的用法是什么

WBOY原创: 2021-12-31 11:41:254215浏览

在html5中，size属性用于规定输入字段的可见宽度，也就是可见字符数，语法为“<input size="number">”；输入字段为text或password类型时，该属性定义可见字符数，输入字段为其他类型时，该属性定义像素字符宽度。

本教程操作环境：windows10系统、HTML5版、Dell G3电脑。

html5中size的用法是什么

size 属性规定输入字段的宽度。

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

注意：size 属性适用于下面的 input 类型：text、search、tel、url、email 和 password。

对于 <input type="text"> 和 <input type="password">，size 属性定义的是可见的字符数。而对于其他类型，size 属性定义的是以像素为单位的输入字段宽度。

语法如下：

<input size="number">

规定以字符数计的 <input> 元素的宽度。默认值是 20。

示例如下：

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<form action="demo_form.php">
  Email: <input type="text" name="email" size="35"><br>
  PIN: <input type="text" name="pin" maxlength="4" size="4"><br>
  <input type="submit" value="提交">
</form>
</body>
</html>

输出结果：