位置:电子教程 > HTML5入门电子教程 (如果看不到内容请使用360浏览器) 推荐学习资源
HTML5 简介
HTML5 Canvas教程
HTML5 基础标签
HTML5 表单属性和input详解
HTML5 高级部分
当前阅读教程:HTML5入门电子教程 > input height 和 width 属性
阅读(22555525)      收藏       赞(5685)      分享
上一篇: input formtarget 属性 下一篇: input list 属性

height width 属性规定用于 image 类型的 <input> 标签的图像高度和宽度。

注意: height width 属性只适用于 image 类型的<input> 标签。

提示:图像通常会同时指定高度和宽度属性。如果图像设置高度和宽度,图像所需的空间 在加载页时会被保留。如果没有这些属性, 浏览器不知道图像的大小,并不能预留 适当的空间。图片在加载过程中会使页面布局效果改变 (尽管图片已加载)。

示例

小白教程网www.2d5.net

定义了一个图像提交按钮, 使用了 height 和 width 属性。

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>input height width 属性</title>

</head>

<body>

     <input type="image" src="img/book.jpg" alt="Submit" width="200">

     <input type="image" src="img/logo.png" alt="Submit" width="100" height="100">

</body>

</html>

效果如图9-12

image.png


上一篇: input formtarget 属性 下一篇: input list 属性
毕业设计网             广告联系QQ:45157718(微信同号)