Question

I have the following submit button:

<form id="form1" runat="server">
<input type="submit" id="submit" value="Submit" runat="server"/>
</form>

How do I change e.g. the background colour of the button itself by using inline server tags after the button has been clicked?

I’ve tried using the attribute style=”” in the submit buttons declaration with inline server tags <%%>, but I just get a Parser error message saying “Server tags cannot contain <% … %> constructs.”

Expected code to be used to verify button click:

<%
  if (Request["submit"] != null) 
  {
   // CODE HERE  
  }
%>

Answer 1

<form id="form1" runat="server">

    <%
      if (Request["submit"] != null) 
      { %>
       <input type="submit" id="submit" value="Submit" runat="server" style="background:#ffffff"/>
     <% }
       else{ %>
    <input type="submit" id="submit" value="Submit" runat="server" style="background:#aaaaaa"/>
    <%}%>
</form>

or

   <form id="form1" runat="server">

        <% string color="";
          if (Request["submit"] != null) 
          { %>
     color="background:#aaaaaa";
         <% }%>
<input type="submit" id="submit" value="Submit" style="<%=color%>"/>
    </form>

If you use the second one you the submit button can not have runat=”server” attribute