重置按钮 | 学习笔记

简介: 快速学习重置按钮

开发者学堂课程【零基础学前端 HTML+CSS:重置按钮】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/398/detail/5125


重置按钮

内容介绍

一、用途

二、Name 属性

三、Type 属性

四、Value 属性

五、例子

 

一、用途

重置按钮用于清空表单已经填写的数据。它用 < input > 标签描述,是单标签。

<input name="reset" type="reset" value=”重填”>

重置按钮是将表单清空恢复初始化,当用户点了之后,这个表单开始进行重置。重点要记住 type=“reset”,value 里面的值可以自行定义按钮的名称,其他的都和提交按钮相似。

 

二、name 属性

指定按钮的名字,自行定义,用英文字母定义即可。

 

三、type 属性

提交按钮此属性的值固定为 reset。

 

四、Value 属性

指定按钮上显示的文字。

 

五、例子

<input name="reset" type="reset" value=”重填”>

type="reset" 就是设置重置标签的类型,value=”重填”就是重置按钮内的内容。

当用户点击这个标签后,就会返回默认初始化。

<input type="submit" value="提交">

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

这样就有两个按钮了,一个按钮是提交,一个按钮是重填,刷新一下,页面就会更新。

image.png

点击这个重填按钮,那么就会重新回到我们这个刷新之后的表单界面。

image.png

可以按着综合实例实验一下,敲出这样一个综合的界面 来实现昵称、密码、下拉菜单、单选框、多选等等多种功能。

image.png

相关文章
|
2天前
解决点击button按钮会刷新页面的问题
解决点击button按钮会刷新页面的问题
23 0
el-popover 点击取消按钮,弹窗仍然无法关闭
el-popover 点击取消按钮,弹窗仍然无法关闭
|
2天前
|
前端开发 JavaScript 数据安全/隐私保护
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
51 0
|
10月前
禁止鼠标点击选中
禁止鼠标点击选中
38 0
|
6月前
点击按钮,新增输入框,再点击按钮,删除输入框
点击按钮,新增输入框,再点击按钮,删除输入框
29 0
|
6月前
|
开发者
jeDate日期控件的使用以及选中后点确定按钮关闭功能
jeDate日期控件的使用以及选中后点确定按钮关闭功能
61 0
对话框完全显示后,马上执行一个按钮的事件
对话框完全显示后,马上执行一个按钮的事件
|
9月前
|
前端开发
添加按钮的两种方式
添加按钮的两种方式
48 0