华大移动应用开发课件表单.pdfVIP

表单

表单在网页中应用广泛，例如：登陆、、订单信息录入、问卷、搜索等等。例如京

东页面。

常见的表单元素：文本框，框，下来列表框，多选框，提交按钮等等。

语法：

formmethod=postaction=result.html

p名字：inputname=nametype=text/p

p：inputname=passtype=password/p

p

inputtype=submitname=Buttonvalue=提交

inputtype=resetname=Resetvalue=重填

/p

/form

2

表单及其属性

表单：form表单元素/form

注：表单在HTML中是一个容器，其他表单需要在它的范围中才有效。例

如input。

form属性：

属性说明

Action表示向何处发送表单数据。若该属性为空，则默认表示提交到本页。

Method浏览器如何发送数据到服务器。Get，参数通过url发送到服务器；Post，

数据作为数据块发送到服务器。

表单元素及格式

语法：

inputtype=textname=fnamevalue=text

属性说明

type指定元素的类型。text、password、checkbox、radio、submit、

reset、file、hidden、image、button、email、url、number、

range、search，默认为text

name指定表单元素的名称。

value元素的初始值。type为radio时必须指定一个值

size指定表单元素的初始宽度。当type为text或password时，表

单元素的大小以字符为单位。对于其他类型，宽度以像素为单位

maxlengthtype为text或password时，输入的最大字符数

checkedtype为radio或checkbox时，指定按钮是否是被选中

文本框

inputtype=textname=userNamevalue=用户名size=30

maxlength=20

框

inputtype=passwordname=passsize=20

单选按钮

inputname=gentype=radiovalue=男checked=checked男

3

inputname=gentype=radiovalue=女女

复选框

inputtype=checkboxname=interestvalue=sports

inputtype=checkboxname=interestvalue=talkchecked=checked

聊天

inputtype=checkboxname=interestvalue=play玩游戏

列表框

selectname=列表名称size=行数

optionvalue=选项的值selected=selected…/option

optionvalue=选项的值…/option

/select

按钮

重置按钮：inputtype=resetnam