html图片提交按钮

本文介绍了在HTML中使用图片替代传统提交按钮的方法,包括通过type=image、背景图片、onclick事件、图像域等方式实现,并提供了JavaScript处理表单提交和重置的示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、用type="image",其实就相当于用<IMG>标签,直接加字是加不了的,你可以试试加在图片里,或是用层来解决. 还可以用type="button"然后直接加字,图片用style="background-image:url('图片地址');"这样来处理. 

2、<input type="submit" value="这是个提交按钮" style="width:100; height:100px; background-image:url('图片地址');">

3、用图片代替提交按钮submit和重置按钮reset,给图片加onclick事件
<script language="javascript">
function fsubmit(obj){
obj.submit();
}
function freset(obj){
obj.reset();
}
</script>
<form id="form1" name="form1" method="post" action="login.asp">
姓名: <input type="text" name="textfield" />
<img src="uploads/2007

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值