class4：HTML入门.ppt

HTML HEADTITLE单行文本框和口令框示例/TITLE/HEAD BODY DIV align=center H2表单——单行文本框和口令框/H2 HR FORM 请输入您的姓名： INPUT name=name value=your name pls size=30BR 请输入您的密码： INPUT type=password name=pwd value=pwd size=30P INPUT type=submit name=submit_button value=提交 /FORM HR /DIV /BODY /HTML 表单的结构： 表单标签符 控件标签符1 /控件标签符1 控件标签符2 /控件标签符2 /表单标签符 2、表单的标签符——FORM 格式： FORM action=“服务器端程序的URL” method=“get｜post”　 enctype=“type”　 !--　此处是各种表单元素(包括控件和其他内容)的定义　-- /FORM 用户数据提交给服务器的方法 处理已提交表单数据的程序，该程序必须能够处理表单数据 表单发送时所使用的内容类型 2、表单的标签符——FORM 属性 名称——name属性 设置表单的 名称 提交——method属性 get方法：在URL的末尾附加要向服务器发送的信息。如：/login.php?user=xxxpassword=xxxxxx post方法：将发送给服务器的表单数据作为一个数据体发送的。 处理——action属性 提供处理表单的程序的地址，程序存放在Web服务器上 程序常用的语言有ASP、PHP、JSP、Perl等 内容类型——enctype属性 设置表单资料的编码方式 返回信息——target属性 设置返回信息的显示窗口 使用电子邮件收集表单信息 将action属性设置为 mailto: someone@ 将enctype属性设置为： “text/plain”(以便以纯文本格式提交表单数据) 例如： FORM method=“post” 　　　 action=“mailto:someone@” 　　　 enctype=text/plain　!-- --/FORM 3、输入标记input控件的标签符 输入标记input控件的类型（type）： 文本框 口令框——password 复选框——checkbox 单选框——radio 文件选择框——file 按钮——submit reset button 多行文本框——textarea 选项菜单 ——select 3、输入标记input控件的标签符——文本框与口令框 HTML HEADTITLE单行文本框和口令框示例/TITLE/HEAD BODY DIV align=center H2表单——单行文本框和口令框/H2 HR FORM 请输入您的姓名： INPUT name=name value=your name pls size=30BR 请输入您的密码： INPUT type=password name=pwd value=pwd size=30P INPUT type=submit name=submit_button value=提交 /FORM HR /DIV /BODY /HTML 3、输入标记input控件的标签符——复选框与单选框 HTMLHEADTITLE复选框与单选框示例/TITLE/HEAD BODYH2 align=center表单--复选框与单选框/H2HR FORM 请输入您的姓名：INPUT name=nameP 请选择您的性别： INPUT type=radio name=gender value=1男 INPUT type=radio name=gender value=2女 INPUT type=radio name=gender value=3东方不败 INPUT type=“radio” name=“gender” value=“4” checked不告诉你 P请选择您的年龄： INPUT type=radio name=age value=2020岁以下 INPUT type=radio name=age value=30 checked20~30 INPUT type=radio name=age value=4030以上P 您喜欢什么运动： INPUT type=checkbox name=check1 value=yes checked篮球 INPUT type=checkbox name=check2 value=yes足球 INPU