开发者学堂课程【零基础学前端 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="重填">
这样就有两个按钮了,一个按钮是提交,一个按钮是重填,刷新一下,页面就会更新。
点击这个重填按钮,那么就会重新回到我们这个刷新之后的表单界面。
可以按着综合实例实验一下,敲出这样一个综合的界面 来实现昵称、密码、下拉菜单、单选框、多选等等多种功能。