type =“image”和type =“submit”之间的差异?

时间:2010-01-17 18:02:46

标签: html http forms

(此问题与this question

有关

我有一个简单的表格:

<html>
<head>
</head>
<body>
    <form name="aspnetForm" method="post" action="http://www.startupseeds.com/Default.aspx">
        <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="..." />
        <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCALMyNWrBQKoz5H1CALlmOb9DgKmz6HzAwKf8bOXCQKC7qLKAwK5kNvVAQKk7amsA53tGBGr+Ji7LTI0eYkvquMZrF/g" />
        <input name="ctl00$Login1$tbEmail" type="text" />
        <input name="ctl00$Login1$tbPassword" type="password" />

        <input type="image" name="ctl00$Login1$ibLogin" />
    </form>
</body>
</html>

当我改变这个时:

<input type="image" name="ctl00$Login1$ibLogin" />

到此:

<input type="submit" name="ctl00$Login1$ibLogin" />

......它不起作用。此代码的唯一区别是type="submit"而不是type="image"。我甚至都不知道它们之间存在差异(在http中的键/值中) - 我怎样才能“提交”工作?

谢谢。

5 个答案:

答案 0 :(得分:2)

区别在于:

<input type="image" name="ctl00$Login1$ibLogin" />

将生成两个表单字段:ctl00$Login1$ibLogin.xctl00$Login1$ibLogin.y,以指示单击图像的哪个部分,尽管标记中没有图像。

来自17.4.1 Control types created with INPUTHTML 4.01 Specification

  

图片

     

创建图形submit button。的价值   src属性指定URI   将装饰的图像   按钮。出于可访问性原因,   作者应通过提供alternate text图像   alt属性。

     

使用指点设备时   点击图片,表格是   提交和点击坐标   传递给服务器。 x值是   从左边pixels开始测量   的图像和y值   图像顶部的像素。该   提交的数据包括name.x = x-value   和name.y = y-value其中“name”是   name属性的值,和   x值和y值是x和y   分别是坐标值。

答案 1 :(得分:0)

我怀疑你喜欢这样的asp.net页面:

<form id="form1" runat="server" action="http://www.startupseeds.com/Default.aspx">
<div>
    <asp:TextBox ID="tbTextBox" runat="server" />
    <asp:TextBox ID="tbPassWord" runat="server" TextMode="Password" />
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</div>
</form>

但是,如果允许这种http-post操作,则取决于您的目标站点。

答案 2 :(得分:0)

您的后端代码很可能会检查是否存在ibLogin.xibLogin.y POST参数,这些参数在您单击<input type="image">并表示点击的坐标时发送。另一方面,<input type="submit">会发布ibLogin参数。

答案 3 :(得分:-1)

需要指向图片网址的src属性...

<input type="image" src="image_url" name="ctl00$Login1$ibLogin" />

编辑:http://www.w3schools.com/TAGS/att_input_type.asp

  

将图像定义为提交按钮。

     

src和alt属性是必需的   与。

答案 4 :(得分:-3)

使用的提交按钮是一个单调的灰色实体,除非你知道样式表。通过输入input = image代替input type = submit,您可以放置​​一个图像来代替默认的提交按钮。如图所示

&LT; input type =“image”src =“images / submit.jpg”value =“提交”alt =“提交”&gt;