tayeed tayeed - 3 months ago 10
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"/>
</form>

#sendbutton {
background:top left no-repeat url(../images/send-button.jpg);
color:#000;
font-family: Arial, sans-serif;
font-size:14px;
text-transform:uppercase;
padding:14px 57px 14px 13px;
float:right;
margin:10px 5px 0 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}


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
float:right;
to
position:relative
and that did the trick.

Answer

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:

 <?php
 echo var_export($_POST); 
 ?>