文章插图

文章插图
上一篇文章我们说了单选框、多选框以及下拉框的使用 , 今天呢我们继续看一下表单剩下的常用控件:提交按钮以及重置按钮 。
(1)提交按钮
提交按钮 , 顾名思义就是当我们填好了表单中的数据之后 , 我们需要通过提交按钮来将数据传递到后台的服务器中 , 供后台程序使用 。
使用语法:<input type=”submit” value=http://www.mnbkw.com/jxjc/189913/”提交数据”>
详细讲解:
1、type:只有当type值设置为submit时 , 按钮才有提交作用 , 才能正常的进行表单的提交 。(或者使用JavaScript代码来触发提交事件 , 这个到后期我们讲解js的时候我进行介绍)
2、value:按钮上显示的文字 , 显示按钮的名称 。
(2)重置按钮
当用户需要重置表单信息到初始时的状态时 , 比如用户输入“用户名”后 , 发现书写有误 , 可以使用重置按钮使输入框恢复到初始状态 。只需要把type设置为”reset”就可以 。
使用语法:<input type=”reset” value=http://www.mnbkw.com/jxjc/189913/”重置数据”>
详细讲解:
1、type:只有当type值设置为reset时 , 按钮才有重置作用 , 点击按钮会将form表单内的所有信息还原到初始未输入的状态 。
2、value:按钮上显示的文字 , 显示重置按钮的名称
使用练习:
我们创建一个表单 , 数据我们以post的形式提交到百度首页 , 表单里边有姓名和年龄的输入框 , 并且添加提交数据按钮以及重置数据按钮 。具体代码如下图所示:
以上呢就是表单最常用的一些控件了 , 接下来我们对学到的表单知识进行一次综合的测试 , 我们来写一个完整的表单包含我们学到的所有知识 。
我们在这里就写一个网站制作常用的留言表 , 表格名称就叫留言表 , 然后表中包含有姓名输入框、性别单选框(默认选中男)、爱好多选框(默认选中第一个)、所在地区下拉框、留言内容多行文本框 , 以及提交信息按钮和重置信息按钮 。数据提交呢我们还是提交到百度 , 提交类型我们使用post 。具体的代码如下图所示:
【html文本输入框颜色 HTML文本框中字体颜色怎么设置】每日金句:人生最大的喜悦是每个人都说你做不到 , 你却完成它了!喜欢我的文章的小伙伴记得关注一下哦 , 每天将为你更新最新知识 。
- html网页制作源码 html网页设计源码
- html跳转页面代码应该打到哪个地方 html跳转页面代码视频
- 任务栏不显示输入法图标 win10任务栏不显示输入法
- 判定女人对你会不会变心 判定女人变心
- HTML中字体颜色怎么设置 html字体的颜色怎么设置
- matlab连加求和函数 matlab如何输入求和公式
- html边框线怎么设置粗细 html边框线怎么设置长度
- js实现文字滚动 html文字滚动效果
- css超过字数显示省略号 css超出文本省略显示
- Windows输入法设置技巧7 Windows输入法设置五笔