我的表单提交按钮显示不正确

时间:2012-07-03 21:06:08

标签: html forms submit

我创建了一个将内容提交给电子邮件的表单。我在许多其他网站上使用了完全相同的编码,但对于我的新网站http://www.peterevansfuneraldirectors.co.uk/contact-us.html,提交按钮只是一个带文字的灰色方块,而不是通常的按钮。此外,手也没有悬停。

我的表单代码是......

<form action="php/FormToEmail.php" method="post" name="ContactForm" id="ContactForm" onsubmit="MM_validateForm('name','','R','email','','RisEmail','message subject','','R','message','','R');return document.MM_returnValue" >

                <div class="form-text">
                <b>Name<span class="purple">*</span></b><br />
                <input name="name" type="text" id="name" size="35" style="height:23px; background-color:#FFF; color:#000; border: 1px solid #CCC;" />
                </div><br />

                <div class="form-text">
                <b>Email<span class="purple">*</span></b><br />
                <input name="email" type="text" id="email" size="35" style="height:23px; background-color:#FFF; color:#000; border: 1px solid #CCC;" />
                </div><br />

                <div class="form-text">
                <b>Message Subject<span class="purple">*</span></b><br />
                <input name="message subject" type="text" id="message subject" size="35" style="height:23px; background-color:#FFF; color:#000; border: 1px solid #CCC;" />
                </div><br />

                <div class="form-text">
                <b>Message<span class="purple">*</span></b><br />
                <textarea name="message" type="text" id="message" rows="8" cols="55" style="background-color:#FFF; color:#000; border: 1px solid #CCC;" ></textarea>
                </div><br />

                <div class="submit-button">
                <input type="submit" name="submit" value="Submit" />
                </div>

            </form>

提前致谢!

杰克。

3 个答案:

答案 0 :(得分:1)

这是因为正在应用于按钮的CSS样式。

如果删除CSS样式,它看起来就像一个标准按钮。

如果您想在按钮上使用特定光标,请查看CSS Cursor样式。

答案 1 :(得分:1)

那是因为css而发生的。 您为此元素禁用了边距/填充/边框。

如果我禁用这些样式 - 按钮将正常显示。

看看这种风格:

* {
  margin:0; // disable for button
  padding:0; // disable for button
  border:0; // disable for button
}

答案 2 :(得分:0)

你的HTML没有任何问题。可能你正在使用CSS来设置这个按钮的样式。 尝试从子项按钮中删除css“border”属性。

你有一个很棒的Firefox插件,名为Firebug,允许你检查css属性,如果你找不到导致它的属性,你可以尝试一下。只需右键单击按钮元素,然后选择“使用Firebug检查元素”。