• HTML图像按钮

    在上一节《HTML按钮》中,我们学习了三种按钮,普通按钮、提交按钮以及重置按钮。可能很多读者会觉得它们的样式不太美观,这时我们可以使用图像来替代按钮中的文本,从而使页面变得更加美观。

    在 HTML 中,把 <input> 标签的 type 属性设置为 image 可以表示图像按钮。具体语法格式如下:

    <input type="image" src="url" />

    我们还可以把图像按钮分为图像、按钮两部分来看,因为它既有图像的特点(需要使用src属性为图片添加路径),又有按钮的特点(图像按钮的行为基本上与提交按钮一致,点击它也可以实现表单数据的提交)。

    图片的路径可以是相对路径,也可以是绝对路径。具体使用方法请参考《绝对路径和相对路径》一文。

    示例如下:

    <form action="http://vip.biancheng.net/login.php" method="post">
         <input type="image" 
          src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1789448540,836075780&fm=26&gp=0.jpg"/>
    </form>

    运行结果如图所示:

    HTML图像按钮
    图1:HTML 图片按钮

更多...

加载中...