HTML5 CSS3网页设计基础 第九章 表单课件.ppt

第九章表单本章概述本章的学****目标主要内容1本章概述表单是HTML网页中的重要元素,是允许用户输入信息的区域。用户输入信息后,将信息发送给服务端程序处理,从而实现网上注册、登录、交易等多种功能。本章将对表单控件和属性及其用法进行详细讲解。2本章的学****目标了解表单功能,能够快速创建表单。掌握表单相关元素,能够准确定义不同的表单控件。掌握表单样式的控制,能够美化表单界面。<form>标签用来定义表单,即创建一个表单。表单中可以包含多个表单元素,用来实现用户信息的收集和传递。创建表单的基本语法格式如下。<formname="表单名"action="URL"method="get/post"plete="on/off">各种表单元素控件</form><fom>标签中常用属性的含义如下。:给定表单名称,表单命名之后就可以用脚本语言(如JavaScript或VBScript)对它进行控制。action属性:指定处理表单信息的服务器端应用程序。method属性:指定表单数据的提交方式,method的值可以为get或pos,默认值是get。采用get方法提交的数据将显示在浏览器的地址栏中,保密性差,且有数据量的限制。而post方式的保密性好,并且无数据量的限制。:指定表单是否有自动完成功能。取值为on时,表单有自动完成功能,即将表单控件输入的内容记录下来,当再次输入时,会将输入的历史记录显示在一个下拉列表中,以实现自动完成输入。取值为of时表单无自动完成功能。参考示例:9-1-:【案例展示】用户注册页面设计。使用表单标签和表单元素设计用户注册页面。【知识要点】表单、表单元素、表单元素常用属性的功能。【学****目标】掌握掌握用表单和表单元素以及各种属性设计表单的技术。<input>元素是表单中最常见的元素,它必须嵌套在表单标签中使用,用于定义一个用户的输入项。网页中常见的单行文本框、单选按钮、复选框等都是通过它定义的<input>元素的基本语法格式如下。<inputtype=“输入类型”name=“控件名”value=“默认值”……>type属性:指定input元素的输入类型。name属性:属性的值是相应程序中的变量名。value属性:属性的值是默认输入值。10