HTML怎么设置重置按钮？附源码

猿友 2021-05-22 10:05:13 浏览数 (11358)

反馈

我们在填写表单时，会有这么一个按钮用来重置信息，比如将你所填的信息清空，那么你知道重置按钮如何设置吗？这篇文章告诉你。

<input type="reset">重置按钮

我们都知道<input>标签是表单元素，可以用来设置文本框、密码框、按钮等。只需要在 type 属性上选择为reset即可将它设置为重置按钮。点击该按钮时可以使其他输入框的内容清空。让我们来看下具体使用效果吧：

HTML重置按钮

当我们在名字框和密码框中输入信息，点击重置按钮后又会恢复原样。

具体源代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>html设置重置按钮 - 编程狮(w3cschool.cn)</title>
</head>
<body>
<form>
	<input type="text"  placeholder="名字"><br>
	<input type="password" placeholder="密码"><br>
	<input type="reset"  value="重置">
</form>
</body>
</html>

同学们如果对重置按钮感兴趣的话，赶快动手操作起来吧。这里推荐一个 HTML 在线工具：HTML 在线开发工具。线上就可以直接运行代码，查看效果哦。

以上就是文章“HTML 怎么设置重置按钮？附源码”的全部内容。想要了解更多 HTML 资料请关注 w3cschool。