表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。
语法:
讲解:
1.
:标签是成对出现的,以开始,以结束。
2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3.method : 数据传送的方式(get/post)。
输入框
文本输入框、密码输入框
当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。
语法:
1、type:
当type="text"时,输入框为文本输入框;
当type="password"时, 输入框为密码输入框。
2、name:为文本框命名,以备后台程序ASP 、PHP使用。
3、value:为文本输入框设置默认值。(一般起到提示作用)
文本域,支持多行文本输入
当用户需要在表单中输入大段文字时,需要用到文本输入域。
语法:
文本
1、标签是成对出现的,以开始,以结束。
2、cols :多行输入域的列数。
3、rows :多行输入域的行数。
单选框,复选框
语法:
1、type:
当type="radio"时,控件为单选框
当type="checkbox"时,控件为复选框
2、value:提交数据到服务器的值(后台程序PHP使用)
3、name:为控件命名,以备后台程序ASP、PHP使用
4、checked:当设置checked="checked"时,该选项被默认选中
注意:同一组的单选按钮,name取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。
下拉列表框,节省空间
下拉列表在网页中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。
语法:选项
提交值是向服务器提交的值,选项是显示的值。
爱好:
看书
旅游
运动
购物
使用下拉列表框进行多选
下拉列表也可以进行多选操作,在标签中设置multiple="multiple"属性,
就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。
如下代码:
爱好:
看书
旅游
运动
购物
在表单中有两种按钮可以使用,分别为:提交按钮、重置。
1,提交按钮:当用户需要提交表单信息到服务器时,需要用到提交按钮。
语法:
type:只有当type值设置为submit时,按钮才有提交作用
value:按钮上显示的文字
2,重置按钮,重置表单信息
当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。
语法:
type:只有当type值设置为reset时,按钮才有重置作用
value:按钮上显示的文字