Question

是我的代码（包括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;}

我已在Firefox，IE和Chrome中测试过此代码。 Firefox和IE按预期显示提交按钮。虽然Chrome显示按钮，但我无法点击它。它只显示为文本。我该如何解决这个问题？

注意：抱歉代码格式不佳。我是新来的，我无法弄清楚如何正确格式化代码。

更新：我已确定问题并修复了问题。从float:right;更改为position:relative，这就是诀窍。

Answer 1

我看不出任何问题。我在你的代码前添加了一行php代码，我能够看到我在回程中输入的所有内容：

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

Answer 2

我通过Chrome运行它......运行正常

我通过IE运行它...工作正常

您的机器上是否有东西阻止按钮显示？

Answer 3

Chrome 52.0.274显示我作为输入文本框而不是提交按钮，直到我将“DOCTYPE”从HTML 4版本（DTD ...）修改为HTML 5版本。希望有所帮助。

Answer 4

为Form标记添加name属性，它告诉浏览器如何将表单传递给服务器？

Chrome无法识别HTML表单提交按钮（<input type =“submit”/>）

4 个答案: