html中提交按钮和重置按钮代码，要怎么输入

哎，你说的这个事儿啊，我之前也碰见过。
2 02 2 年的时候，我还在北京这边搞一个网站，用的就是 PHP 加 HTML。
那个表单啊，有十来个输入框，搞得挺复杂的。
然后我就想啊，能不能用个好看的图片来当重置按钮，这样看着更美观。

我就试了第一种方法，就是那个 <input type="reset" style="background:url(背景图片路径);" name="reset" value="">。
当时我也懵，试了好久，背景图片路径写错了好几回。
最后终于弄对了，value 为空，这样就不会有默认的文本了。
看起来确实挺好看的。

但是！你说的对，它居然没有重置表单，反而提交了表单！我当时就炸了，检查了半天代码，都没发现问题。
后来我上网查了查，才反应过来，原来是这样啊。
普通的按钮是通过 type 来区分的，submit 为提交按钮，reset 为重置按钮，而 type 为图片 (type="image") 的按钮，其默认操作是提交表单。
所以啊，想用图片实现重置按钮，就需要一些额外的设置了。

然后我就试了第二种方法，给 type 为 image 的 input 添加 onclick 事件来实现重置，并通过添加 return false 来避免默认的提交操作。
那个 <input type="image" src="reset.gif" onclick=_javascript:document.forms['testForm_2 '].reset();return false;"> 确实解决了问题。
document.forms['testForm_2 '].reset();是将名称为 testForm_2 的表单重置。
return false; 是防止提交表单。
当时试了一下，确实可以重置了，挺高兴的。

后来我又试了第三种方法，直接用图片模拟的重置按钮 <img src="reset.gif" alt="Reset" onclick=_javascript:document.forms['testForm_3 '].reset();" style="cursor:pointer;">。
style="cursor:pointer;" 设置图片悬停时，显示手型光标。
两种方法大同小异，在 javascript 被禁止的情况下，第二种方法按钮不会执行任何操作，而第一种方法却会执行提交操作。
当时我也觉得挺有意思的。

可能我偏激吧，觉得这两种方法都挺好，看个人喜好。
总之，解决了问题就好。

如何消除HTML标题标签自带的间距？

清除标题标签默认间距： css h1 ,h2 ,h3 ,h4 ,h5 ,h6 { margin:0; }
针对h2 标签： css h2 { margin:0; }
实操提醒：用类名限制作用范围。

HTML如何设置表单重置按钮？input type="reset"的作用是什么？

对，就是这俩标签，reset功能。
直接用就行，简单。

inputtype="reset"就是简单版，写个按钮，value自己改。

比如：
<form action="/submit-data" method="post"> <input type="text" id="username" name="username" value="访客">
<input type="submit" value="提交"> <input type="reset" value="重置表单"> </form>
点击重置，用户名变回“访客”，没设默认值的字段变空。

buttontype="reset"功能强，能加图标，视觉效果好。

比如：
<form action="/submit-data" method="post"> <input type="text" id="product" name="product" value="默认产品">
<button type="reset"> 清除所有 </button> </form>
图标加文本，看着好看。

inputtype="reset"就是恢复默认值，跟清除不一样。

清除是清空所有内容，reset是恢复到页面加载时的值。

CSS可以改样式，JavaScript可以加确认。

比如： css input[type="reset"], button[type="reset"] { background-color: f4 4 3 3 6 ; color: white; padding: 1 0px 2 0px; border: none; border-radius: 5 px; cursor: pointer; } input[type="reset"]:hover, button[type="reset"]:hover { background-color: d3 2 f2 f; }
javascript document.getElementById('confirmResetButton').addEventListener('click', function(event) { if (!confirm('确定要重置表单吗？所有数据将恢复初始状态！')) { event.preventDefault(); } });
简单应用用reset，复杂应用用JavaScript控制。

总结：reset按钮恢复初始值，buttontype="reset"视觉丰富。
用户行为要考虑，用JavaScript控制更安全。