HTML5+CSS3程序设计第4章 使用HTML5创建表单.pptVIP

实例 “普通”按钮—button button 配合 脚本 “普通”按钮——button 语法 input type=button value=按钮的取值 name=按钮名 onclick=处理程序/ “普通”按钮——button “提交”按钮—submit submit 特殊 不需要 onclick 提交 “提交”按钮——submit 语法 input type=submit name=按钮名 value=按钮的取值 / 在该语法中，value属性同样用来设置按钮上显示的文字。 实例 “重置”按钮—reset reset 清除 恢复 “重置”按钮—reset 语法 input type=reset name=按钮名 value=按钮的取值 / 在该语法中，value属性同样用来设置按钮上显示的文字。 实例 图像域—image image 提交 美感 图像域—image 语法 input type=image src=图像地址 name=图像域名称 / 在该语法中，图像地址可以是绝对地址或相对地址。 图像域—image * 使用HTML创建表单 05 列表/菜单标签 06 新增表单属性 04 文本域标签textarea 02 表单标签form 03 输入标签input 01 表单概述 表单概述 1 HTML表单是用户与网站实现交互的重要手段。表单的主要功能是收集信息，具体说是收集浏览者的信息。 表单标签form 2 主要内容 处理程序属性 1 表单名称属性 2 传送方法属性 3 编码方式属性 4 处理程序属性—action action 数据脚本 程序 程序或URL 处理程序属性—action 语法 form action=表单的处理程序 ...... /form 在该语法中，表单的处理程序定义的是表单要提交的地址，也就是表单中收集到的资料将要传递的程序地址。 表单名称属性—name name 命名 不必需 表单名称属性—name 语法 form name=表单名称 ...... /form 表单名称中不能包含特殊符号和空格。例如，reg\和—login都是不合法的。 传送方法属性—method method 获得信息 GET 服务器 POST 传送方法属性—method form method=传送方式 ...... /form 编码方式属性—enctype enctype 编码方式 编码方式属性——enctype form enctype=编码方式 ...... /form 目标显示方式属性—target target 目标窗口 返回信息 目标显示方式属性—target form target=目标窗口的打开方式 ...... /form 目标窗口的打开方式包含4个取值：_blank、_parent、_self和_top。 输入标签input 3 主要内容 文本框 1 “普通”按钮 5 密码域 2 “提交”按钮 6 单选”按钮 3 “重置”按钮 7 复选框 4 图像域 8 文件域 10 隐藏域 9 文本框—text text 文本 数字 字母 单行显示 文本框—text 语法 input type=text name=控件名称 size=控件的长度 maxlength=最长字符数 value=文字域的默认取值 文本框—text 密码域—password password 星号“*” 圆点 密码域—password 语法 input type=password name=控件名称 size=控件的长度 maxlength=最长字符数 value=密码域的默认取值 / 密码域—password “单选”按钮—radio radio 单一选择 圆框 同样 名称 “单选”按钮—radio 语法 input type=radio value=单选按钮的取值 name=单选按钮名称 checked=checked/ 在该语法中，checked属性表示这一“单选”按钮默认被选中。 实例 复选框—checkbox checkbox 多项选择 方框 复选框—checkbox 语法 input type=checkbox value=复选框的值 name=名称 checked=checked / 在该语法中，checkbox属性表示该选项在默认情况下已经被选中， 一个选择中可以有多个复选框被选中。 *