Web页面制作基础教程文件.ppt

3.6.1 表单的结构 表单是网页上的一个特定区域，这个区域是由FORM、/FORM标记定义的。其他的表单对象，都要插入到表单之中。单击表单的提交按钮时，提交的是表单范围之内的内容。表单区域还携带表单的相关信息，如处理表单的脚本程序的位置、提交表单的方法等。 表单的结构如下： FORM NAME=form_name METHOD=method ACTION=URL ENCTYPE=value TARGET= target_win” … /FORM FORM标记的属性如下。 （1）name属性 （2）method属性 （3）action属性 （4）enctype属性 （5）target属性 3.6.2 在表单中插入控件 表单相当于一个容器，只有在表单中添加表单元素，表单才具有实际意义。例如，在表单中插入文本框、单选框、按钮、文本域、列表/菜单等。下面介绍表单控件对应的标记：INPUT标记、TEXTAREA标记、SELECT标记和OPTION标记。 1．输入域标记INPUT INPUT标记是表单中最常用的标记之一。 语法： FORM INPUT NAME=filed_name TYPE=type_name /FORM TYPE属性的取值如下。 （1）文字域TEXT INPUT标记的TYPE属性值为TEXT表示控件为文本框。在文本框中可以输入任何类型的文本、数字、字母等字符串。输入的内容以单行显示。 语法： FORM INPUT Type=text NAME=field_name MAXLENGTH=value SIZE=value VALUE=field_ value /FORM （2）密码域PASSWORD 在表单中还有一种文本域的形式为密码域，输入到文本域中的文字均以星号或者圆点显示。 语法： FORM INPUT Type=password NAME=field_name MAXLENGTH=value SIZE=value /FORM （3）文件域FILE 文件域的外观是一个文本框加一个浏览按钮。用户既可以直接在文本框中输入上传文件的路径，也可以单击浏览按钮选择要上传的文件，然后通过表单将文件上传到服务器上。例如，上传附件、Office文档、图片等各种类型的文件，都要用到文件域。 语法： FORM INPUT Type=file NAME=field_name /FORM （4）单选按钮RADIO 单选按钮要求在所给出的项目中只允许选择一项。 语法： FORM INPUT Type=radio NAME=field_name Value=value /FORM （5）复选按钮CHECKBOX 复选按钮能够进行项目的多项选择。 语法： FORM INPUT Type=checkbox NAME=field_name checked Value=value /FORM （6）提交按钮SUBMIT 单击提交按钮，可以实现表单内容的提交。 语法： FORM INPUT Type=submit NAME=field_name Value=button_text /FORM 其中，VALUE代表显示在按钮上面的文字，后面几种类型中VALUE值意义都与此处相同。 （7）重置按钮RESET 单击重置按钮，可以清除表单的内容，恢复默认的表单内容设定。 语法： FORM INPUT Type=reset NAME=name Value=button_text /FORM （8）普通按钮BUTTON 普通按钮一般是配合JavaScript脚本来进行表单的处理。 语法： FORM INPUT Type=BUTTON NAME=field_name Value=button_text /FORM （9）隐藏域HIDDEN 隐藏域在页面中对于用户而言是不可见的，插入隐藏域的目的在于通过隐藏的方式收集或者发送信息。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到相关页面。 语法： FORM INPUT