第6部分 表单的设计精选.pptVIP

第6部分 表单的设计 6.1 建立表单 6.2 输入标签 6.3 选择标签 6.4 多行文本框 6.5 综合案例 6.1 建立表单 表单的主要功能是收集信息，接受浏览者在网页中的操作，并传递给服务器端的表单处理程序。 表单由两部分组成，一是描述表单元素(控件)的HTML代码；二是客户端的脚本，如javascript程序。 6.1 建立表单 语法格式: form name=form_name method=method action=url …… /form 其中，name：定义表单的名称 ； method：定义表单结果从浏览器传送到服务器的方式，有两种取值：get和post ； action：指定表单处理程序(ASP等服务器端的表单处理程序)的位置。 6.2 输入标签 6.2.1 文本框 6.2.2 按钮 6.2.3 单选框与复选框 6.2 输入标签 input标签是表单中的输入标签，它是个单独标签，表单的大部分控件都是由input标签来定义。 其语法格式如下： input name=“控件名” type=“控件类型 6.2.1文本框 单行文本框 密码框 单行文本框 当type=text时，表示在一个单行中输入并显示字符串。 语法格式：input type=text name=field_name maxlength=value size=value value=field_value 其中，value属性用来设定文本框的初始值； size属性用来设定文本框的长度； maxlength属性用来设定文本框允许输入的最大字符数。 密码框 当type=password时，其使用方法与text很相似，只是输入内容时均以*表示，以保证信息的安全性。 其语法格式：input type=password name=field_name maxlength=value size=value 其中，各种属性值所代表的意思与单行文本框一样。 6.2.2 按钮---普通按钮 当type=button时，表示该输入项是普通按钮。 其语法格式如下： input type=button name=field_name value=button_ value 其中，value值表示显示在按钮上面的文字。 6.2.2 按钮--- 提交按钮 当type=submit时，表示该输入项是提交按钮，单击提交按钮后，浏览器可以将表单的输入信息传送给服务器。 其语法格式如下： input type=submit name=field_name value=submit _ value 6.2.2 按钮---重置按钮 当type=reset时，表示该输入项是重置按钮，单击重置按钮后，则清除表单中的输入信息而恢复到表单的默认值。 其语法格式如下： input type=reset name=field_name value=reset _ value 6.2.3 单选框与复选框----单选框 当type=radio时，表示该输入项是一个单选项，用户只能选择单选项中的一项作为输入信息。 其语法格式：input type=radio name=field_name checked value=value 其中，checked表示此项被默认选中； value表示选中项目后传送到服务器端的值。 6.2.3 单选框与复选框----复选框 当type=checkbox时，表示该输入项是一个复选项，用户可以同时选中表单中的一个或多个选项作为输入信息。 其语法格式如下：input type=checkbox name= field_name checked value=value 其中，checked表示此项被默认选中； value表示选中项目后传送到服务器端的值。 6.2.4 文件输入框 当type=file时，表示该输入项是一个文件输入框，用户可以在文件输入框的内部填写自己硬盘中的文件路径，然后通过表单上传。 其语法格式如下： input type=“file” name=“field_name” 。 6.3 选择标签 通过select和option标签就可以在浏览器中实现一个下拉式的或带有滚动条的列表框。 其语法格式如下： select name=name size=value multiple option value=“value” selected选项显示值 option v