数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML宽度属性
<input> 元素的宽度属性仅用于图像，并且允许您设置使用 − 添加的图像的宽度
<input type=”image”>
HTML5 中引入了宽度属性，并用作提交按钮。以下是语法 −
<input width="pixels">
以上，宽度表示像素宽度。
下面我们来看一个示例来说明 <input> 元素的宽度属性的实现，其中为输入类型图像设置了宽度 −
示例
<!DOCTYPE html> <html> <body> <h2>Register</h2> <form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br> Password − <input type="password" name="pwd" placeholder="Enter password here..."><br> DOB − <input type="date" name="dob"><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..."><br> Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br> <input type="image" src="go.jpg" alt="Submit" width="120" height="60"> </form> </body> </html>
输出
在上面的示例中，我们有一个带有按钮的表单，用于添加图像 −
<form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br> Password − <input type="password" name="pwd" placeholder="Enter password here..."><br> DOB − <input type="date" name="dob"><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..."><br> Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br> <input type="image" src="go.jpg" alt="Submit" width="120" height="60"> </form>
按钮的图像添加了一个表单控制输入类型图像 −
<input type="image" src="go.jpg" alt="Submit" width="120" height="60">
<input> 宽度属性用于设置此图像集的宽度。
更新于: 30-Jul-2019
184 次浏览
广告