Web编程基础实验：HTML表单设计与实现.pdfVIP

2、利用“练习案例‑咖啡”在Dreamweaver环境下建立一个站点。

3、在index.html页面表格的单元格中相应的表单元素，最终效果如图所示（可参考

“练习案例‑咖啡最终效果”）。

完成后截图

2、利用“练习案例-咖啡”在Dreamweaver环境下建立一个站点。

3、在index.html页面表格的单元格中相应的表单元素，最终效果如图所示（可参考“练

习案例-咖啡最终效果”）。

完成后截图

附录：用户参考代码

!DOCTYPEHTMLPUBLIC‑//W3C//DTDHTML4.01

Transitional//ENhtmlheadmetahttp‑equiv=Content‑Type

content=text/html;charset=gb2312title用户/title/head

bodyformname=form1method=postaction=tablewidth=75%border=

1trtdwidth=24%divalign=left用户名:/div/tdtdwidth=76%

inputname=textfieldtype=textmaxlength=10/td/trtrtddivalign=

left:/div/tdtdinputtype=passwordname=textfield2/td/trtr

tddivalign=left确认:/div/tdtdinputtype=passwordname=

textfield3/td/trtrtddivalign=left电子邮件:/div/td

附录：用户参考代码

!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//EN

html

head

metahttp-equiv=Content-Typecontent=text/html;charset=gb2312

title用户/title

/head

body

formname=form1method=postaction=

tablewidth=75%border=1

tr

tdwidth=24%divalign=left用户名:/div/td

tdwidth=76%inputname=textfieldtype=textmaxlength=10/td

/tr

tr

tddivalign=left：/div/td

tdinputtype=passwordname=textfield2/td

/tr

tr

tddivalign=left确认：/div/td

tdinputtype=passwordname=textfield3/td

/tr

tr

tddivalign=left电子邮件：/div/td

tdinputtype=textname=textfield4/td/trtrtd是否公开该邮件地址/td

tdinputtype=radioname=radiobuttonvalue=radiobutton公开inputname=

radiobuttontype=radiovalue=radiobuttonchecked不公开/td/trtrtd：/

tdtdinputtype=checkboxname=checkboxvalue=checkboxinputtype=

checkboxname=checkbox2value=checkbox购物inputtype=checkboxname=

checkbox3value=checkboxinputtype=checkboxname=checkbox4value=

checkbox看inputtype=checkboxname=checkbox5value=checkbox音乐

inputtype=checkboxname=checkbox6value=checkbox读书/td/trtrtd个人

简介/tdtdtextareaname{v82