用IMAGE做提交按钮

最新推荐文章于 2021-06-09 23:58:31 发布

lwx2615

最新推荐文章于 2021-06-09 23:58:31 发布

阅读量1.4k

点赞数

分类专栏：为了忘却文章标签： image input string html border action

本文链接：https://blog.csdn.net/lwx2615/article/details/7328586

版权

为了忘却专栏收录该内容

125 篇文章 1 订阅

订阅专栏

无意中看到TYPE="IMAGE"的属性，是以图片作为提交按钮，于是在thinkphp中试了一下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<FORM METHOD="POST" ACTION="{:U('public/test1')}">
<PRE>
 用户名  <input TYPE="text" NAME="first_name" 
              MAXLENGTH=25 SIZE=15>  
密码  <input TYPE="password" NAME="last_name"  
              MAXLENGTH=35 SIZE=20>
邮箱  <input TYPE="text" NAME="email"  
              MAXLENGTH=35 SIZE=20>
             <INPUT TYPE="image" SRC="../Public/image/test.jpg" 
               WIDTH="120"  HEIGHT="30" 
              BORDER="0" ALT="SUBMIT!"> 
</PRE>
</FORM>
</body>
</html>

和submit提交的效果一样

提交的时候会跟着提交在图片上点击的坐标，如： 'x' => string '5' (length=1) 'y' => string '18' (length=2)

每次点击的地方不一样，x、y也不一样