数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程序设计
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理
化学
生物
数学
英语
经济
心理学
社会学
时尚学
法学HTMLsize 属性
<input> 元素的 size 属性用于设置输入元素的宽度。宽度越大，文本框的宽度就越大。您可以为以下输入类型设置 size 属性：文本、搜索、电子邮件、密码、电话号码和 URL。
以下是语法：
<input size="size_num">
其中，size_num 是您需要设置成数字形式的输入宽度。默认值为 20。
现在，我们来看一个示例，演示如何实现 <input> 元素的 size 属性：
示例
<!DOCTYPE html> <html> <body> <h2>Register</h2> <form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25" required><br> Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br> DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br> Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br> <button type="submit" value="Submit">Submit</button> </form> </body> </html>
输出
在上面的示例中，我们有一些带有按钮的字段：
<form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25" required><br> Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br> DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br> Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br> <button type="submit" value="Submit">Submit</button> </form>
现在，假设我们想要一个文本框更大，即具有更大的宽度。为此，我们使用 size 属性以数字形式设置宽度：
<input type="text" name="id" placeholder="Enter UserId here..." size = "25" required>
更新于：2019 年 7 月 30 日
322 次浏览
广告