## 提交按钮和重置按钮
[TOC]
### 提交按钮
在表单中有两种按钮可以使用,分别为:提交按钮、重置。当用户需要提交表单信息到服务器时,需要用到提交按钮。当我们需要重置表单信息的时候,需要用到重置按钮。
提交按钮
type:只有当 type 值设置为 submit 时,按钮才有提交作用。
value:按钮上显示的文字。
```html
<input type="submit" value="提交">
```
### 重置按钮
当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态。只需要把 type 设置为 "reset" 就可以。
```html
<input type="reset" value="重置">
```
type:只有当 type 值设置为 reset 时,按钮才有重置作用。
value:按钮上显示的文字。
## 作业
* 完成本章最后的CODING COFFEE在线购买页面。
- 概要
- 前言
- 计算机软件概论
- 计算机软件概论
- Markdown基础
- 为什么使用Markdown
- Markdown语法简明教程
- Xmind思维导图
- 为什么要制作思维导图
- 简单制作思维导图
- HTML基础
- Web原理和HTML简介
- Web原理
- HTML概念
- HTML标签
- 标签
- HTML固定基本结构
- 第一个HTML页面
- 工具的使用
- 标题
- hr 和 p 标签
- 表单的设计与使用
- 表单域的原理
- 文本框和密码框
- 单选框和复选框
- 下拉列表框
- 多行文本和上传
- 提交按钮和重置按钮
- 为CODING COFFEE加入在线购买页
- 数据库基础
- 数据库介绍
- 数据库安装和Navicat
- SQL
- 表基本操作
- 修改数据语句
- 数据检索操作
- 多表数据操作
- JAVA基础
- JAVA 介绍
- JAVA 运行原理
- JDK 配置
- 类和对象
- 数据类型
- 变量
- 直接量
- 运算符
- 流程控制
- 数组结构