第一部分HTML标签——行级标签图像范围表单.pptVIP

* XHTML各种行级标签 第一部分：HTML标签 ——行级标签 常用行级标签的使用 XHTML常用行级标签： 超级链接a 表单元素form 图像img 范围span 换行br/ 嵌入多媒体文件embed 1、表单 表单form在网页中用于给访问者填写信息，从而获得用户信息，使网页具有交互功能，使网站不仅是“信息提供者”，也是“信息收集者”。 用途：调查表、注册、登录、搜索页面等。 form用于创建供用户输入的HTML表单 语法： form name=”” action=”” method=”” 各种表单元素 /form 表单元素 常见的表单元素 表单元素 功能 备注 input 用户输入数据的字段 文本框、密码框、按钮等 textarea 多行文本输入区域 label 说明文字 select 下拉列表 output 不同类型的输出 脚本 keygen 表单的密钥对生成器字段 object 嵌入的对象 1 input元素 input元素用来定义用户输入数据的输入字段，根据不同的type属性，输入字段可以是文本字段、密码字段、复选框、单选按钮、按钮、隐藏域、图像、文件等。 input元素的基本语法及格式为： input type=表项类型 name=表项名 value=默认值 size=x maxlength=y / type：类型 name：名称 value：浏览器加载时的默认文字 maxlength：数字，只允许输入的最大字符数 size：数字，输入框只显示5个可见的字符，但可以输入无数个 表单元素input 表单元素 input元素中type主要支持以下类型 序号 名称 说明 1 text 单行文本，输入字符串 2 password 单行文本，输入密码，显示*号 3 button 普通按钮 4 submit “提交”按钮，将信息传给服务器 5 reset “重置”按钮，清除表单信息 6 checkbox 复选框 7 radio 单选框 8 image 将图像作为按钮 9 hidden 隐藏选项 10 file 上传本地文件到服务器 input示例——注册页面 text文本框 password密码框 radio单选框 checkbox复选框 file文件域 提交和重置按钮 image图像按钮 （1）文本框 文本框的格式为： input type=text name=文本框名 （2）密码框 密码框的格式为： input type=password name=密码框名 表单元素 （3）按钮 提交按钮 input type=submit name=按钮名 value=按钮名 重置按钮 input type=reset name=按钮名 value=按钮名 普通按钮 input type=button name=按钮名 value=按钮名 图片按钮 input type=image name=按钮名 src=“图片来源” 表单元素 （4）复选框 在页面中有些地方需要列出多个选项，浏览者可以通过复选框来选择其中的一项或多项。将input元素的type属性设置为“checkbox”，则定义的表单元素为复选框。 复选框的格式为：input type=checkbox name=复选框名 value=提交值 checked=checked （5）单选按钮 单选按钮用于一组相互排斥的选项，组中的每个选项应具有相同的名称，以确保浏览者只能选择一个选项。 单选按钮的格式为：input type=radio name=单选钮名 value=提交值 checked=checked 表单元素 （6）隐藏域 网站服务器发送到客户端的信息，除用户直观看到的页面内容之外，可能还包含一些“隐藏”信息。将input元素的type属性设置为hidden类型即可创建一个隐藏域。 隐藏域的格式为：input type=hidden name=隐藏域名 value=提交值 （7）文件域 文件域用于上传文件，将input元素的type属性设置为file类型即可创建一个文件域。文件域会在页面中创建一个不能输入内容的地址文本框和一个“浏览”按钮。 文件域格式为：input type=file name=文件域名 表单元素 2 选择栏select 当浏览者