3html表单.pptVIP

* * * * * 学习目标 掌握如何制作动态网站页面 掌握表单提交概念 了解简单的asp文件接收数据 html表单简介 什么是表单 用户如果想通过客户端和服务器端进行沟通,就需要一个能够输入用户信息资料的界面,html中就使用表单制作这种界面 表 单 表单基本语法 form action=“后台处理程序URL地址” method=“post/get” input type=#” ………… /form 说明: 1):form标签为表单标志,action属性指定了对表单提交的信息进 行处理的服务器端脚本程序的URL地址,此种脚本语言可以由 asp,php,jsp等语言编写,method为数据传送的方式,主要分为 get明码和post打包两种方式 2):input表记指明了其表单输入形式,如文本框架等 表单输入形式(1/10) 文本框与密码框:text,password 基本语法 input type=“text/password” 属性1 属性2 … 属性值 1)name:此文本框名称,主要用于脚本调用此文本框时使用 2)value:默认时文本框内显示的内容,并且作为提交后的值 3)size:文本框的大小——中、英文可容纳的字符数，中文也为1 4)maxlength:此文本框内可输入的最大字符数 说明:text和password的唯一区别是输入的内容是否以*号显示 表单输入形式(2/10) 单选按钮:radio 基本语法: input type=“radio” 属性1 属性2 … 属性值 1)name:此单选按钮的名称，注意同一单选项此项应相同 2)value:提交后的此单选按钮的值 3)checked:默认被选中的单选按钮 表单输入形式(3/10) 复选框:checkbox 基本语法: input type=“checkbox” 属性1 属性2 … 属性值 1)name:此复选框的名称 2)value:提交后的此复选框的值 3)checked:默认被选中的复选框 表单输入形式(4/10) 确认按钮和清除按钮:submit和reset 基本语法: input type=“submit/reset” 属性1 属性2 … 属性值 1)name:此按钮的名称 2)value:显示在按钮上的值 说明：submit用于提交数据项，reset用于重置已填数据项 表单输入形式(5/10) 图片按键:image 基本语法: input type=“image” 属性1 属性2 … 属性值 1)name:此按钮的名称 2)src :此图片的URL地址 3)alt :鼠标指向时用于说明图片的用处 表单输入形式(6/10) 文字域:file 基本语法: input type=“file” 属性1 属性2 … 属性值 1)name:此文字域的名称 2)size:文本框的长度 3)maxlength:此文本框内可输入的最大字符数 表单输入形式(7/10) 隐藏域:hidden 基本语法: input type=“hidden” 属性1 属性2 … 属性值 1)name:此隐藏域的名称 2)value:此隐藏域的值 说明:此隐藏域不显示任何界面,但提交表单值后会将隐藏域的值　　　　　　 　　　一起提交 表单输入形式(8/10) 普通按钮 基本语法: input type=“button” 属性1 属性2 … 属性值 1)name:此普通按钮的名称 2)value:显示在按钮上的值 表单输入形式(9/10) 下拉列表:select 基本语法 select name=# option value=“#”……/option …… /select 属性值 1)name:此下拉列表的名称 2)option:代表列表中的一个选项，结束标志/option可省略 3)value:选项所代表的值 4)selected:默认被选中的下拉列表 说明:下拉列表并不用放在input标签中 表单输入形式(10/10) 文本域:textarea 基本语法 textarea name=# cols=# rows=# wrap=# /textarea 属性值 1)name:此文本域的名称 2)cols:文本域的宽度 3)rows:文本域的高度 4)wrap:是否将文本域输入的文字换行，默认换行，不换行关掉为off AS