欢迎来到天天文库
浏览记录
ID：40338721
大小：1.04 MB
页数：33页
时间：2019-07-31
《网页前端技术王敏杰 模块一 任务六》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、①模块一HTML语言HTML任务六会用表单收集用户输入的信息案例分解案例资讯制作用户登录界面制作用户注册界面表单概述单行文本框密码框提交按钮重置按钮复选框单选按钮下拉列表和列表框普通按钮图像按钮隐藏域多行文本框教学目的：了解什么是表单了解表单的属性掌握各种按钮的用法掌握各种文本框的类型教学重点：了解表单的属性掌握各种按钮的用法掌握各种文本框的类型教学难点：掌握各种按钮的用法掌握各种文本框的类型案例一制作用户登录界面利用表单来做一个用户登录的界面。案例资讯会员注册页面、购买某个商品收集信息页面、网上调查问卷页面、搜索工具页面等等，很多的一部分都是用表单做的表单
2、主要是用来收集客户端相关信息网页具有交互功能。一、表单概述1、在用户注册某种服务或事件时收集姓名、地址、电话号码、电子邮件和其他信息。2、为收集购买某个商品的订单信息。3、收集关于调查问卷信息。大部分提供服务性的网站都鼓励用户参与调查问卷，提供反馈信息。这些反馈信息除了维系良好的客户关系外，它还有助于改进和提高网站的服务质量，从而使网站的服务更具人性化，吸引更多的浏览者。4、为网站提供搜索工具。提供各种信息的站点通常会为用户提供一个搜索框，使用户能够更快地找到想要的信息。1、
3、知服务器处理表单的内容。参数分别介绍如下：name:用于指定表单的名称。action：用于指定提交表单后，将对表单进行处理的文件路径及名称（即URL）method：用于指定发送表单信息的方式，有GET方式（通过URL发送表单信息）和POST方式（通过HTML发送表单信息）。2、标记标记用于在表单内放置表单对象，单标签。它有type等参数，对于不同的type参数有不同的属性。当type=text（文本域表单对象，在文本框中显示文字）或type=password（密码域表单对象，在文本框中显示*号代替输入的文字，起保密作用）时4、ut>标记参数介绍如下：name：用于指定表单文本/密码域对象的名称。size：文本框在浏览器的显示宽度，实际能输入的字符数由maxlength参数决定。maxlength：在文本框最多能输入的字符数。当type=radio（单选钮）或type=checkbox（复选钮）时标记参数介绍如下：name：用于指定表单单选钮或复选钮对象的名称。value：用于设定单选钮或复选钮的值。checked：可选参数，若带有该参数，则默认状态下该按钮是选中的。同一组radio单选钮（name属性相同）中最多只能有一个单选钮带checked属性。复选钮则无此限制5、。当type=image（图像）时标记参数介绍如下：name：图像对象的名称。src：图像文件的名称。width：图像宽度。heigh：图像高度。alt：图像无法显示时的替代文本。align：图像对象的对齐方式，取值可以是top、left、bottom、middle和right。3、和标记…标记用于在表单中插入一个列表框对象。它和标记一起使用，标记为列表框添加列表项。标记的参数介绍如下：name：指定列表框的名称。6、size：指定列表框中显示多少列表项（行），如果列表项数目大于size参数值，那么通过滚动条来滚动显示。multiple：指定列表框是否可以选中多项，默认下只能选择一项。标签的参数有两个可选参数，介绍如下：selected：用于设定在初始时本列表是被默认选中的。value：用于设定本列表项的值，如果不设此项，则默认为标签后的内容。二、单行文本框“form”标记的属性"name"可用于定义(例如"name=myform")。然而name只有在表单激活过程才有要求，通过使用"input"标记，我们可以定义单行文本框。在标记内部我们通过使用属性"v7、alue"(e.g:value=Enter)给出单行文本框的大小通过使用"SIZE"，作为'size=50'来设置单行文本框的的大小。三、密码框表单密码字段定义为"input的type为password"。其结论为一个显示密码的字段.禁用密码的字段，在input标记中加入附加属性"disabled"即可禁用该密码字段四、提交按钮提交按钮用来提交表单的信息至服务器。五、重置按钮重置按钮是清除所填写的信息后重新填写。案例步骤制作用户登录界面记事本中代码如下：登录界面8、on=login_action.jspmethod=
4、ut>标记参数介绍如下：name：用于指定表单文本/密码域对象的名称。size：文本框在浏览器的显示宽度，实际能输入的字符数由maxlength参数决定。maxlength：在文本框最多能输入的字符数。当type=radio（单选钮）或type=checkbox（复选钮）时标记参数介绍如下：name：用于指定表单单选钮或复选钮对象的名称。value：用于设定单选钮或复选钮的值。checked：可选参数，若带有该参数，则默认状态下该按钮是选中的。同一组radio单选钮（name属性相同）中最多只能有一个单选钮带checked属性。复选钮则无此限制
5、。当type=image（图像）时标记参数介绍如下：name：图像对象的名称。src：图像文件的名称。width：图像宽度。heigh：图像高度。alt：图像无法显示时的替代文本。align：图像对象的对齐方式，取值可以是top、left、bottom、middle和right。3、和标记…标记用于在表单中插入一个列表框对象。它和标记一起使用，标记为列表框添加列表项。标记的参数介绍如下：name：指定列表框的名称。
6、size：指定列表框中显示多少列表项（行），如果列表项数目大于size参数值，那么通过滚动条来滚动显示。multiple：指定列表框是否可以选中多项，默认下只能选择一项。标签的参数有两个可选参数，介绍如下：selected：用于设定在初始时本列表是被默认选中的。value：用于设定本列表项的值，如果不设此项，则默认为标签后的内容。二、单行文本框“form”标记的属性"name"可用于定义(例如"name=myform")。然而name只有在表单激活过程才有要求，通过使用"input"标记，我们可以定义单行文本框。在标记内部我们通过使用属性"v
7、alue"(e.g:value=Enter)给出单行文本框的大小通过使用"SIZE"，作为'size=50'来设置单行文本框的的大小。三、密码框表单密码字段定义为"input的type为password"。其结论为一个显示密码的字段.禁用密码的字段，在input标记中加入附加属性"disabled"即可禁用该密码字段四、提交按钮提交按钮用来提交表单的信息至服务器。五、重置按钮重置按钮是清除所填写的信息后重新填写。案例步骤制作用户登录界面记事本中代码如下：
8、on=login_action.jspmethod=
此文档下载收益归作者所有
