Question

我正在尝试制作一个简单的HTML联系表单，但是当我将HTML页面上传到互联网时，发送和清除按钮没有显示 - 它们是不可见的。有趣的是，如果我将鼠标悬停在它们应该到达的位置，我可以看到那里有一个按钮。为什么会这样？

<form action="contact.php" method="post"> 
  <div>
    <label for="contactname">Name</label>
    <input type="text" name="contactname" class="textfield" id="contactname" value=""  />
    <span class="require"> *</span>
    <label for="contactsubject">Subject</label>
    <input type="text" name="contactsubject" class="textfield" id="contactsubject" value=""/>
    <span class="require"> *</span>
    <label for="contactemail">Your E-mail</label> 
    <input type="text" name="contactemail" class="textfield" id="contactemail" value="" />
    <span class="require"> *</span>
    <label for="contactmessage">Your Message</label> 
    <textarea name="contactmessage" id="contactmessage" class="textarea" cols="8" rows="12"></textarea>
    <span class="require"> *</span>
    <input type="submit" value="Send">
    <input type="reset" value="Clear">

Answer 1

为发送和发送添加/结束斜杠明确

<input type="submit" value="Send"/>

和

<input type="reset" value="Clear"/>

或者您也可以这样做：

<input type="submit" value="Send"></input>
<input type="reset" value="Clear"></input>

<input>正在开始标记
</input>正在结束标记

更新1：回答如何使用图像提交按钮

将输入类型更改为“图像”

<input type="image" value="submit" src="submit1.jpg" alt="submit Button" onMouseOver="this.src='submit1.jpg'">

无法以HTML联系人表单查看发送按钮

1 个答案: