html 提交按钮如何加入图片呢 或图片按钮如何加入文字如图

html 提交按钮如何加入图片呢 或图片按钮如何加入文字如图,第1张

用img做图片按钮的方法。。图片就是你的图片,下载后改名为img.jpg保存在同一级目录就行了。

注意,如果要用图片做按钮,必须要保证,你那个input的border为none,而且那个input必须要有宽和高。

这种方法仅供参考。。。还是建议你直接用<input type="image" src="">这种。。图片上ps上文字,不过,用背景img也不错,至少减少了服务器的压力。。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric//EN" 

"

<html xmlns="

<head>

<title>新建网页</title>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<meta name="description" content="" />

<meta name="keywords" content="" />

<style type="text/css">

#bimg {

background:url(img.jpg) -60px -40px 

width:125px

height:30px

border:none

font-weight:bold

color:white

}

</style>

</head>

    <body>

        <form method="GET" action="">

        <input type="text" name="mae" value="wca">

        <input id="bimg" type="submit" value="提交">

        </form>

    </body>

</html>

方法很多 用<input type = "submit">,把图片设置为按钮的背景,

或者把图片放到<a>标签里:<a href="javascript:" onclick="document.form.submit()"><img /></a>

或者直接写img的onclick事件,判断好了提交form就行了

value=“”,这是时候value的值 style="background:url('zc.jpg') no-repeatwidth:180pxheight:37px"把引号加上就可以了


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/8017808.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存