html表单的应用.ppt

表单的应用 表单应用 表单是网页浏览者同internet服务器互动的界面，使用表单可以收集用户信息，如果你有个人主页，你可以为它制作一份表单，用以收集浏览者的反馈信息。例如当我们申请一个电子邮件时也是用过表单将个人资料送到服务器上的。 网页上具有可输入表项及项目选择等控制所组成的栏目称为表单。 表单中包含多种对象，如文字输入框，单选按钮，复选按钮，发送按钮等。本节课我们只讲网页中表单对象的构建。 一 、表单元素的使用 插入文本域、列表、选框、按钮以及这些表单对象的属性设置。与表单有关的标记主要forminputselecttextarea 等。表单的格式为： form id=“名称” method=“get\post” action=“处理程序” input type=“控件类型” name=“名称” value=“初值” / ……………… /form 表单的名称、方法（表单的递交方法） form标记主要是对表单结果进行处理和传送。 id 用来设定表单的名字，在网页中用于唯一识别 Method设定表单数据的传送方式 Action:处理程序，应用于服务器，暂时不做研究 其中： Get:可以生成get请求，将用户在表单中填写的信息附在地址后一同发到服务器处理程序中，一般搜索引擎查找。 Post:可以生成post请求，将数据当作主体发给服务器，它允许输入非AscII码，并且没有字符长度的限制。 大多数浏览器采用get方法 下拉列表控件 当浏览者选择的项目较多时，如果用选择钮来选择，占页面的区域就会很多，或者要求用户输入的内容是事先确定的，利用selectoption标记设置选择栏。格式： select size=“1行” name=“名称” multiple=“multipe” option value=“初值”选择内容/option option value=“初值” selected=“selected”选择内容/option /select Value=“”表示控件的初始值，如果没有此属性，则控件初始值为标签中所包括的内容 注释： size 取款值 表示在滚动条的选择栏中一次课间的列表项数 Name 为选择栏的名称 Multiple: 表示可选择多个选项，若无此项则只能选择一个选项 Selected=“selected”表示该项是默认选中状态 单选按钮控件 input type=“控件类型” name=“名称” value=“初值” / Type值主要有radio checkbox text password Reset submit 该值可设置选择钮的类型； Type=“radio”表示当前的input是单选按钮 Value设置该选择钮的控制初值，告诉表单制作者选择结果 Name是该控件的名称，同一组单选按钮的名称是一样的 复选框 input type=“控件类型” name=“名称” value=“初值” / 当type值为checkbox表示此时为复选框。名称在同一组单选按钮的名称是一样的 替换如下： input type=“checkbox” name=“名称” value=“初值” / 文本域控件 input type=“控件类型” name=“名称” value=“初值” size=“文本框宽度” maxlength=“” / 当type值为text表示此时为文本框控件。允许输入文本，输入的文本以标准的字符显示 当type值为password时，允许在网页中输入文本密码形式 命令控件 当浏览者完成表单填写，想要发送或者重置时候，格式如下： input type=“submit” value=“按钮上的文字” input type=“reset” value=“按钮上的文字” 课后习题 课后题目选择题5、7、9 课后题目实例操作：第二题目；表单页面 * *