慕课网

慕课网数字资源数据库

慕课网数字资源数据库体验端

获取体验码

使用重置按钮，重置表单信息，初识HTML(5)+CSS(3)-升级版教程-慕课网

6-12 使用重置按钮，重置表单信息

使用重置按钮，重置表单信息

当用户需要重置表单信息到初始时的状态时，比如用户输入“用户名”后，发现书写有误，可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。

语法：

<input type="reset" value="重置">

type：只有当type值设置为reset时，按钮才有重置作用

value：按钮上显示的文字

举例：

在浏览器中显示的结果：

输入账号

单击重置按钮

任务

我来试试：把“提交按钮”改为“重置按钮”

1、在右部编辑器中的第18行，把type="submit"改为type="reset"

2、在右部编辑器中的第18行，把value="提交"改为value="重置"

?不会了怎么办: 你是否输入像下面的代码：

||

写笔记

公开笔记

提交

||

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

举报

0/150

提交

取消