菜鸟学堂
在线运行
源代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟学堂</title> </head> <body> <form action="demo_form.php"> First name: <input type="text" name="fname"><br> <input type="image" src="submit.gif" alt="Submit" width="48" height="48"> </form> <p>点击图片,输入框将被发送到服务器的“demo_form.php”页面。</p> <p><b>注意：</b> 如果 type 属性设置为 image，当用户单击图像时，浏览器将以像素为单位，将鼠标相对于图像边界的偏移量发送到服务器，其中包括从图像左边界开始的水平偏移量，以及从图像上边界开始的垂直偏移量。</p> </body> </html>
运行结果
在线运行
菜鸟学堂 edu.jb51.net