课程主题 使用表单标签设计网页-网页设计客户端技术 课程-1728970177506.pptx

;使用表单标签设计网页

;03;select和option标签;例1-14设计如下图所示的注册表单

!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd

htmlxmlns=/1999/xhtml

head

metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/

title表单应用示例/title

/head

body;formname=form1method=postaction=

tablewidth=408border=1align=center

trtdcolspan=2align=center会员注册/td/tr

trtdwidth=83divalign=right用户名：/div/td

tdwidth=269inputtype=textname=textfield//td/tr

trtdwidth=83divalign=right密码：/div/td

tdwidth=269inputtype=passwordname=textfield2//td/tr

trtdwidth=83divalign=right确认密码：/div/td

tdwidth=269inputtype=passwordname=textfield3//td/tr

trtdwidth=83divalign=right性别：/div/td

tdwidth=269inputtype=radioname=radiobuttonvalue=radiobuttonchecked/男

inputtype=radioname=radiobuttonvalue=radiobutton/女/td/td/tr

trtdwidth=83divalign=right爱好：/div/td

tdwidth=269inputtype=checkboxname=checkboxvalue=checkbox/体育

inputtype=checkboxname=checkboxvalue=checkbox/音乐

inputtype=checkboxname=checkboxvalue=checkboxchecked/文学

inputtype=checkboxname=checkboxvalue=checkbox/其他/td/td/tr

trtdwidth=83divalign=right特长：/div/td

tdwidth=269selectname=selectoption唱歌/option

option跳舞/option/select/td/td/tr

trtdwidth=83divalign=right联系电话：/div/td

tdwidth=269inputtype=textname=textfield4//td/tr

trtdwidth=83align=rightinputtype=submitvalue=提交//td

tdwidth=269inputtype=resetvalue=重置//td/tr/table/form

/body

/html;例1-14知识点

form标签为表单的开始标签，/form结束标签；

表单中可以使用input、textarea、select等标签插入各种组件；

使用表格布局，使得界面美观。;小结

表单相关标签form、input、textarea、select、option等。

form标签常用属性：action、method、name等。

input标签的type属性可以取值：button、checkbox、file、hidden、image、password、radio、r