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

哎,你说这用图片做重置按钮的事儿,真是让人头大啊。

上周有个客人问我为啥他弄好的表单,图片重置按钮点一下反而提交了表单... 我一看代码,嚯,原来是他用了 <input type="image" src="reset.gif" onclick=document.forms['testForm'].reset();"> 这种方法。
结果就是,你鼠标一点图片,onclick 触发了,表单重置了,但图片按钮本身还是默认 type="image",会去执行 form 的 submit 操作,你说逗不逗?
这事儿根本原因就是你说的第3 点,type="image" 的按钮,浏览器默认就是当提交按钮用的。
你想让它当重置按钮,就得绕点弯。

你看你给的这两种方法,其实都行:
1 . 第一种,给 type="image" 的 input 加 onclick 事件,像这样: <input type="image" src="send.gif"> <input type="image" src="reset.gif" onclick=document.forms['testForm_2 '].reset(); return false;"> 关键是 return false; 这句,它阻止了图片按钮的默认提交行为。
不过缺点是,浏览器里如果 javascript 被禁用了,你这 onclick 就白给了,图片按下去啥也不干。

2 . 第二种,更稳妥点,直接用 标签模拟,像这样: <input type="image" src="send.gif"> 这种方法的好处是, 标签本来就不带 form 行为,你加 onclick 事件,只要 javascript 开启,点击图片就会重置表单。
style="cursor:pointer;" 这句是让鼠标悬停在图片上变成手型,显得更互动。
这个方法在 javascript 禁用的情况下,图片按下去啥反应都没有,比第一种更安全。

总的来说,你想用图片做重置按钮,这两种方法都能实现,关键看你更在意兼容性还是视觉效果。
第一种可能 javascript 禁用时有点问题,但代码简单。
第二种更通用,但写法稍微复杂点。
你客户那边,你可以建议他用第二种,更保险。

反正你看着办吧,这事儿真挺烦人的。

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

材料:电脑、浏览器、HTML编辑器。

步骤: 1 . 打开HTML编辑器,新建index.文件。
2 . 在index.的<body>标签中输入: <input type="submit"> <input type="reset"> 3 . 用浏览器打开index.,看到提交和重置按钮。

实操提醒:直接用文本编辑器如Notepad++,保存为index.,双击用浏览器打开。

如何把html中的按钮放到某个位置?

哎哟,说到HTML,这可是我混迹问答论坛这么多年,遇到最多的问题之一了。
HTML,咱们得聊聊,这可是网页制作的基础,没有它,网页就像没穿衣服的人,光溜溜的。

说起来,HTML这名字,其实挺有意思的。
超文本标记语言,听起来挺高大上的,其实就是文本里加了点链接,点一下就能跳到别的网页,这就是所谓的“超级链接”。
这东西,1 9 8 2 年蒂姆·伯纳斯-李一搞出来,就火遍全球了。
当时,IETF用SGML简化了一下,后来W3 C一接手,就成了国际标准。

说到布局,这又是HTML里的一大重点。
比如,你想要把按钮放在页面的任意位置,绝对定位布局是个不错的选择。
记得有一次,有个新手问,怎么把按钮放在页面中间,我教他这样操作:
css .d2 { width: 5 00px; height: 3 00px; background: 6 6 009 9 ; position: relative; / 设置相对定位 / } .btn2 { background: 9 9 ff00; position: absolute; left: 1 00px; top: 1 2 0px; }
这样设置之后,按钮就会出现在页面左上角,离左边1 00px,顶部1 2 0px。
不过,这方法也有点小缺点,就是定位不够精确。

还有种方法,就是浮动定位。
这方法简单,但缺点是,你不能精确控制按钮的位置。
比如,你想要按钮靠右,可以这样设置:
css .btn2 { background: 9 9 ff00; float: right; }
这招简单,但得注意,浮动定位有时候会让页面布局变得复杂,得小心使用。

总之,HTML和布局,都是网页制作的基础,得好好掌握。
这就像盖房子,得先把地基打好,才能盖出稳固的房子。
哈哈,说多了,有点跑题了。