5-7使用提交按钮,提交数据
2016-06-19 14:39
344 查看
在表单中有两种按钮可以使用,分别为:提交按钮、重置。这一小节讲解提交按钮:当用户需要提交表单信息到服务器时,需要用到提交按钮。
语法:
![](http://img.mukewang.com/52e613350001461604820109.jpg)
在浏览器中显示的结果:
![](http://img.mukewang.com/52e6126f0001496a04480218.jpg)
当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后,发现书写有误,可以使用
语法:
![](http://img.mukewang.com/52e618680001a6b204570101.jpg)
在浏览器中显示的结果:
![](http://img.mukewang.com/52e6189e000186b604480218.jpg)
输入账号
![](http://img.mukewang.com/52e618bc00015a1004480218.jpg)
单击重置按钮
语法:
<input type="submit" value="提交">
type
:只有当type值设置为submit时,按钮才有提交作用
value
:
按钮上显示的文字
举例:
![](http://img.mukewang.com/52e613350001461604820109.jpg)
在浏览器中显示的结果:
![](http://img.mukewang.com/52e6126f0001496a04480218.jpg)
使用重置按钮,重置表单信息
当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。
语法:
<input type="reset" value="重置">
type
:只有当type值设置为reset时,按钮才有重置作用
value
:
按钮上显示的文字
举例:
![](http://img.mukewang.com/52e618680001a6b204570101.jpg)
在浏览器中显示的结果:
![](http://img.mukewang.com/52e6189e000186b604480218.jpg)
输入账号
![](http://img.mukewang.com/52e618bc00015a1004480218.jpg)
单击重置按钮
相关文章推荐
- 如何修改tomcat服务器的端口
- 批注:C++设计模式——抽象工厂模式:横向扩展
- 每日随手记
- Spring IOC的配置使用
- arm指令系统(RISC|CISC)
- PPT配色常见问题
- 5-6使用下拉列表框进行多选
- mysql数据库解决中文乱码的问题
- 怎样给Myeclipse配置tomcat服务器
- 芯片PIC18F4553 (MCHP) -- 8位单片机, 汇编开发单片机
- 5-5使用下拉列表框,节省空间
- Linux 系统启动过程
- 深入浅出RxJava(基础篇)
- 2016-6-19 模拟测试
- 水平触发和边缘触发的区别
- Spring IOC容器基本原理
- jsp基础
- spring aop技术 学习总结
- WPA 4次握手
- AJAX基础和jQuery中的AJAX