html - 在 HTML 联系表单中看不到发送按钮

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:关于如何使用图像作为提交按钮的答案

change input type to "image"

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