使用asp提交:ImageButton而不是提交按钮

时间:2012-10-10 13:09:04

标签: asp.net forms

在我的项目中有一个submit按钮

 <input type="submit" value="submit form" onclick="window.form1.submit();" id="subBut">

在对项目进行了一些更多工作并添加了少量ImageButton控件之后,它就像是一个无关的按钮。

我用onClick事件测试了一个imageButton。 onClick的代码仍然是空的

   <asp:ImageButton ID="ImgBut_Submt" ImageUrl="~/images/sendreq.jpg" 
        runat="server" OnClick="Submit_Click" style="width: 28px" />

背后的代码

protected void Submit_Click(object sender, ImageClickEventArgs e)
{
}

虽然看起来是在做同样的事情。是否可以将它留作替代

submit按钮..我在这里错过了什么吗?

2 个答案:

答案 0 :(得分:1)

如果您只想为输入按钮设置图像,那么您可以使用CSS而不是将按钮更改为asp:ImageButton

例如:

 <input class="SubmitButton" type="submit" value="submit form" 
  onclick="window.form1.submit();" id="subBut">

CSS

.SubmitButton {
background:url(images/sendreq.jpg) no-repeat;
cursor:pointer;
width: 28px;
height: 28px;
border: none;
}

答案 1 :(得分:1)

input type=submit将提交表单,我认为你不需要进行onclick操作。

在ASP.Net世界中,尽管事件是使用回发触发的,但信息仅作为“表单提交”发送到服务器,我在您的内容中看到的主要区别是您正在尝试混合本机html控件和asp .net web控件,这就是整个混乱的地方。

ASP.NET Web控件虽然提供了与本机html控件相同的功能,但它提供了额外的事件处理机制和状态信息,它只是本机html控件的包装器,因为浏览器只能理解它们。

在ASP.NET世界中,你不会将action属性设置为aswel,因为它是由ASP.NET框架内部处理的。

正如Kapil所说,你可以有一个带有css的提交按钮,它可以包含一个图像,类似于ASP.NET。