欢迎光临
我们一直在努力

HTML如何设置重置按钮

这篇“HTML如何设置重置按钮”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“HTML如何设置重置按钮”文章吧。

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

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

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

具体源代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>html设置重置按钮 - 云搜网(yisu.com)</title>
</head>
<body>
<form>
	<input type="text"  placeholder="名字"><br>
	<input type="password" placeholder="密码"><br>
	<input type="reset"  value="重置">
</form>
</body>
</html>

以上就是关于“HTML如何设置重置按钮”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注云搜网行业资讯频道。

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。