第2章HTML语言.ppt

2.3 表单及表单元素 1. 表单的定义 表单是页面上的一块特定区域，这块区域有一对form标签定义，这一步有两作用： 一方面，限定表单的范围，其它表单对象都要插入表单之中，单击“提交”按钮时，提交到服务器的也就是表单范围之内的内容； 另一方面，携带表单的相关信息，如服务器端处理表单的脚本的程序位置，提交表单的方法，这些信息对于浏览者是看不到的，但是对于处理表单却有着重要的作用。 2.3 表单及表单元素 1. 表单的定义 基本语法： form action=url method=get/post name=value … /form 语法解释： 表单里的action就指明了处理表单信息的文件。 method有两个值：get和post。 get的方式是将表单控件的name/value信息经过编码之后，通过URL发送（可以在地址栏中看到）。 post则将表表单的内容通过http发送，在地址栏中看不到表单的提交信息。如果只是取得和显示数据，使用get；涉及到数据的保密和更新使用post。 2.3 表单及表单元素 2. 表单控件 将表单内容全部清除，重新填写的按钮 input type=reset 将表单内容提交给服务器的按钮 input type=submit 多行文本输入框 textarea 列表框 select 复选框 input type=checkbox 单选框 input type=radio 密码输入框（输入的文字用*表示） input type=password 单行文本输入框 input type=text 说 明 属 性 表单常用控件 2.3 表单及表单元素 2. 表单控件 表单定义的基本语法： input 属性1　属性2… 插入图像的地址 src 在单行文本的时候允许输入的最大字符数 maxlength 用于设定输入默认值 value 指定控件的宽度 size 指定对齐方式，可取top、bottom、middle align 控件的类型，如radio、text等 type 控件名称 name 说 明 属 性 表单常用属性 2.3 表单及表单元素 2. 表单控件 1．单行文本输入框（input type=text） 单行文本输入框允许用户输入一些简短的单行信息，如用户姓名。 基本语法： input type=text name=field_name maxlength=value size=value value=field_value / 2．密码输入框（input type=password） 密码输入框主要用于保密信息的输入，如密码。因为用户输入的时候，显示的不是输入的内容，而是*。 基本语法： input type=password name=field_name maxlength=value size=value / 教师演示 2.3 表单及表单元素 2. 表单控件 3．单选框（input type=radio） 选择控件通常分为两种，单选框和复选框。使用单选框，让用户在一组选项里只能选择一个，选项以一个圆框表示。 基本语法： input type=radio name=field_name value=value checked 4．复选框（input type=checkbox） 复选框允许用户在一组选中选择多个，用checked表示缺省已选的项。 基本语法： input type=checkbox name=field_name value=value checked 教师演示 5．列表框（select） 常用的列表框分为：下拉列表框与列表框两种。 通过select和option标签设计下拉列表框和列表框效果。 基本语法： select name=name size=value multiple option value=value selected选项1/option option value=value 选项2/option … /select 默认选项 selected 选项值 value 列表中的项目多选，用户用Ctrl键来实现多选 multiple 显示选项的数目，当size为1时，为下拉列表框控件 size 菜单和列表的名称 name 说明 属性 教师演示 教师演示 6．多行文本输入框（textarea） 多行文本输入框（textarea）主要用于输入较长的文本信息。 基本语法： textarea name=textfield cols=value rows=value value=value … /textarea 多行输入框的默认值 value 多