tayeed tayeed - 8 months ago 35
HTML Question

Chrome cannot recognize HTML form submit button (<input type="submit" />)

ere is my code (including css):

<form id="contactform" action="#" method="post">
<label for="name">Name</label>
<input type="text" class="fieldbox" name="name" id="name" value=""/>
<label for="email">Email</label>
<input type="text" class="fieldbox" name="email" id="email" value=""/>
<label for="msg">Message</label>
<textarea class="area fieldbox" id="msg" name="msg" rows="8" cols="20"></textarea>
<input type="submit" value="Send Message" id="sendbutton" name="sendbutton"/>

#sendbutton {
background:top left no-repeat url(../images/send-button.jpg);
font-family: Arial, sans-serif;
padding:14px 57px 14px 13px;
margin:10px 5px 0 0;

I have tested this code in Firefox, IE, and Chrome. Firefox and IE display the submit button as intended. Although Chrome displays the button, I cannot click it. It appears only as text. How can I fix this?

Note: Sorry for the poor code formatting. I am new here and I couldn't figure out how to format the code properly.

Update: I have identified the problem and fixed it. Changed from
and that did the trick.


I couldn't see any issue. I added one line of php code in front of your code, and I was able to see all what I entered on the trip back:

 echo var_export($_POST);