HTML页面中两个按钮间出现<符号如何移除？

嘿，问题一眼就能看出来啦——你在Send和Reset按钮的代码中间，不小心写了一个<（HTML里专门用来表示<的转义字符），这就是页面上显示多余<的原因！

看你这段出问题的代码：

<input type="submit" value="Send"> &lt; &lt;input type="reset" value="Reset">

这里的<会被浏览器直接解析成<符号渲染出来，你只需要把这个多余的转义字符删掉就可以解决问题。

修正后的完整代码如下：

<form action="mailto:" method="post" enctype="text/plain">
Name:<br>
<input type="text" name="name"><br>
E-mail:<br>
<input type="text" name="mail"><br>
Your Message:<br>
<input type="text" name="Your Message" size="50" style="height:100px"><br><br>
<input type="submit" value="Send"> <input type="reset" value="Reset">
</form>

另外，如果是想让两个按钮之间有更美观的间距，更推荐用CSS来控制，比如给Submit按钮加个右外边距：

<input type="submit" value="Send" style="margin-right: 12px;"> <input type="reset" value="Reset">

这种方式比单纯用空格更灵活，也不会出现意外的字符显示问题～

内容的提问来源于stack exchange，提问作者Antonio