当前位置: 编程技术>WEB前端
Lesson02_03 表单标签
来源: 互联网 发布时间:2014-09-06
本文导语: 用来创建一个表单,即定义表单的开始和结束位置 属性名 作用 action 设置处理表单的服务器端URL地址.默认为表单页 method 用来设置将表单中的信息提交给服务端的处理程序时所用的方式 取值为:get或post 默认值为:get 传大...
用来创建一个表单,即定义表单的开始和结束位置
属性名
作用
action
设置处理表单的服务器端URL地址.默认为表单页
method
用来设置将表单中的信息提交给服务端的处理程序时所用的方式
取值为:get或post 默认值为:get 传大于1K的时候要用post target 用来指定服务器返回结果显示的目标窗口或目标帧 title 用来设置当网站访问者的鼠标在表彰会上的任一位置停留过几秒时显示的文字 enctype 指示浏览器使用哪种编码方法将表单数据传送给www服务器,其取值为:
application/x-www-form-urlencoded和multipart/form-date,默认为前者 提交按钮:用于提交表单的内容
当设有name值时其name及value也要提交给服务器 代码如下:
效果如下:
重置按钮:用于将表单的内容置为默认值 代码如下:
效果如下: 单行文本输入区域:其有一个size属性来指定输入区域的大小,以字符为单位 代码如下:
效果如下: size属性:
效果如下: maxlength属性下:
只可以输入9个字符 效果如下: value属性:
效果如下: readonly属性:
手工改动不了,可以用脚本去改 效果如下: disable属性:
当不存在这个元素,不将其传给服务器 效果如下: 复选框按钮:
效果如下: 对不 checked属性
效果如下: 对不 单选框按钮:只可以一个被选中
男
女 效果如下: 男 女 隐藏字段:不显示,用于提交隐藏的信息 密码输入区:使输入的内容为*号,即不可见的 代码如下: < input type="password"> 效果如下: 按钮:与脚本相连 代码如下:
< input type="button" value="提交"> 效果如下:
取值为:get或post 默认值为:get 传大于1K的时候要用post target 用来指定服务器返回结果显示的目标窗口或目标帧 title 用来设置当网站访问者的鼠标在表彰会上的任一位置停留过几秒时显示的文字 enctype 指示浏览器使用哪种编码方法将表单数据传送给www服务器,其取值为:
application/x-www-form-urlencoded和multipart/form-date,默认为前者 提交按钮:用于提交表单的内容
当设有name值时其name及value也要提交给服务器 代码如下:
效果如下:
重置按钮:用于将表单的内容置为默认值 代码如下:
效果如下: 单行文本输入区域:其有一个size属性来指定输入区域的大小,以字符为单位 代码如下:
效果如下: size属性:
效果如下: maxlength属性下:
只可以输入9个字符 效果如下: value属性:
效果如下: readonly属性:
手工改动不了,可以用脚本去改 效果如下: disable属性:
当不存在这个元素,不将其传给服务器 效果如下: 复选框按钮:
效果如下: 对不 checked属性
效果如下: 对不 单选框按钮:只可以一个被选中
男
女 效果如下: 男 女 隐藏字段:不显示,用于提交隐藏的信息 密码输入区:使输入的内容为*号,即不可见的 代码如下: < input type="password"> 效果如下: 按钮:与脚本相连 代码如下:
< input type="button" value="提交"> 效果如下: