HTML网页设计教程第8章表单.ppt

第8章 表单 主要内容 8.1表单的概念 表单可以把来自用户的信息提交给服务器，是网站管理员与浏览者之间沟通的桥梁。利用表单处理程序可以收集、分析用户的反馈意见，做出科学的、合理的决策。 表单有两个重要组成部分：一是描述表单的HTML源代码；二是用于处理用户在表单域中输入的信息的服务器端应用程序客户端脚本，如ASP.NET、JSP等。 表单使用的form标记是成对出现的，在首标记form和尾标记/form之间的部分就是一个表单。 表单Form基本语法 name：给定表单名称，表单命名之后就可以用脚本语言(如JavaScript或VBScript)对它进行控制。 action:指定处理表单信息的服务器端应用程序。 method :method属性用于指定表单处理表单数据方法，method的值可以为get或是post，默认方式是get。 8.2 输入 input input是个单标记，它必须嵌套在表单标记中使用，用于定义一个用户的输入项。 input标记主要有六个属性，type，name，size，value，maxlength，check。其中name和type是必选的两个属性； Name:属性的值是相应程序中的变量名。 在不同的输入方式下，input标记的格式略有不同，其他五种属性因type类型的不同，其含义也不同； type主要有九种类型：text，submit，reset，password，checkbox，radio，image，hidden，file。 8.2.1单行文本输入框text 当type=text时，表示该输入项的输入信息是字符串。此时，浏览器会在相应的位置显示一个文本框供用户输入信息。 基本语法： 8.2.1单行文本输入框text input语法说明 maxlength：设置单行输入框可以输入的最大字符数，例如限制邮政编码为6个数字、密码最多为10个字符等等； size：设置单行输入框可显示的最大字符数，这个值总是小于等于maxlength属性的值，当输入的字符数超过文本框的长度时，用户可以通过移动光标来查看超过超出的内容； value：文本框的值，可以通过设置value属性的值来指定当表单首次被载入时显示在输入框中的值。 8.2.1单行文本输入框text 8.2.1单行文本输入框text 8.2.2提交按钮submit和重置按钮reset 当type=submit时，产生一个提交按钮，当用户单击该按钮时，浏览器就会将表单的输入信息传送给服务器。 当type=reset时，产生一个重置按钮，当用户单击该按钮时，浏览器就会清除表单中所有的输入信息而恢复到初始状态。一般情况下，提交与重置按钮经常同时出现。 8.2.2提交按钮submit和重置按钮reset 基本语法： 8.2.2提交按钮submit和重置按钮reset 语法说明 提交按钮的name属性是可以默认的。除name属性外，它还有一个可选的属性value，用于指定显示在提交按钮上的文字，value属性的默认值是“提交”。在一个表单中必须有提交按钮，否则将无法向服务器传送信息； 重置按钮的name属性也是可以默认的。value属性与submit类似，用于指定显示在清除按钮上的文字，value的默认值为“重置”。 8.2.2提交按钮submit和重置按钮reset 8.2.2提交按钮submit和重置按钮reset 8.2.3密码输入框password 密码输入框password与单行文本输入框text使用起来非常相似，所不同的只是当用户在输入内容时，是用“*”来代替显示每个输入的字符，以保证密码的安全性。 基本语法： 8.2.3密码输入框password 语法说明: 在表单中插入密码框，只要将input标记中type属性值设为password就可以插入密码框，maxlength、size属性同文件输入框text的属性一样。 8.2.3密码输入框password 8.2.3密码输入框password 8.2.4复选框checkbox 基本语法： 8.2.4复选框checkbox 8.2.4复选框checkbox 8.2.5单选框radio 基本语法： 8.2.5单选框radio 8.2.5单选框radio 8.2.6图像按钮image 基本语法： 8.2.6图像按钮image 8.2.6图像按钮image 8.2.7文件选择输入框file 基本语法： 8.2.7文件选择输入框file 基本语法： 8.2.7文件选择输入框file 8.2.7文件选择输入框file 8.2.8隐藏框hidden 基本语法： 8.3多行文本输入框textarea 用textarea标记可以来定义高度超过一行的文本输入框，text