HTML是网页制作的一种规范.ppt

1.2.8 表单标记 我们上网时经常需要填写一些用户信息，在HTML中是通过表单实现的。表单使网页具有交互功能，在Web页中提供表单让访问者填写，从而获得用户信息。 一个表单至少应该包括说明性文字、用户填写的表格、提交和重填按钮等内容。当用户填写完信息做提交（submit）操作后，表单内容就从客户端的浏览器传送到服务器上，经过服务器上的 ASP 或 CGI 等处理程序处理后，再将用户所需信息传送回客户端的浏览器，网页便有了交互性。 设计表单常用标记是：form、 input、option、select、textarea和isindex等。 * ⒈创建表单标志 form/form标志对用来创建一个表单，也就是定义表单的开始和结束位置，在标志对之间的一切都属于表单内容。form标志还有action、method和target属性。 action的值是处理程序的程序名（包含绝对路径和相对路径），如：form action=/counter.cgi当用户提交表单时，服务器将执行网址/上的名为counter.cgi的CGI程序。 method属性用来定义处理程序从表单中获得信息的方式，可以取GET和POST中间的任何一个。GET方式是处理程序从当前HTML文档中获取数据，然而这种方式传送的数据量是有所限制的，一般限制在1KB以下。POST方式与GET方式正好相反，它是当前的HTML文档把数据传送给处理程序，传送的数据量要比使用GET方式大得多。 target属性用来指定目标窗口或目标框架。 * 2. 定义输入区标志 input type= 标志用来定义一个用户输入区，用户可以在其中输入信息。此标志必须放在form/form标志对之间。此标记在表单中使用频繁，大部分表单内容需要用到此标记。 语法如下： input aligh=left/righ/top/middle/bottom name=value type=text/textarea/password/checkbox/radio/submit/reset/file/hidden/image/button value=value src=URL checked maxlength=n size=n onclick=function onselect=function * 各项含义说明如下： 1．align用于设定表单的位置，参数有：left、right、middle、top、bottom 2．name是单行文字盒名称。比如我们要在该文本框中填写姓名，可给文本框起名：YOUR-NAME. 3．type决定了输入数据的类型。 4．value用于设定默认值，如果用户不输入的话，就采用此默认值； 5．src是针对type=image的情况来说的，设定图像文件的地址； 6．checked指定复选项的初始状态，表示该复选项在初始时是被选中的； 7．maxlength表示在输入单行文本的时候，最大输入字符个数； 8．size用于设定在输入多行文本时的最大输入字符数； 9．onclick表示在按下按钮时调用指定的子程序； 10．onselect表示当前项被选择时调用指定的子程序。 * Type属性取值 输入区域类型 输入区域示例 input type=text size= maxlength= 单行的文本输入区域，size与maxlength属性用来定义此种输入区域显示尺寸大小与输入的最大字符数 input type=submit 将表单内容提交给服务器的按钮 input type=reset 将表单的内容全部清楚，重新填写按钮 input type=checkbox checked=checked 一个复选框，checked属性用来设置该复选框缺省时是否被选中，右边示例使用了三个复选框 input type=hidden 隐藏区域，用户不能在其中输入，用来预设某些要传送的信息 input type=image src=URL 使用图像来代替submit按钮，图像的源文件由src属性指定，用户单击后，表单中的信息和单击位置的X、Y坐标一起传送给服务器 input type=password 输入密码的区域，当用户输入密码时，区域内将会显示“*” input type=radio 单选框类型，radio属性表示输入项是一个单选项，右边示例中使用了三个单选项 input type= 标志中共提供了八种类型的输入区域，具体是哪一种类型由type属性来决定，这八种类型的具体内容见表1-5。 input type= 八种类型 例制作一个表单 html headtitle表单实例/title/head body phr/p 请选择您喜欢的娱乐节目：br form