零起点HTML5+CSS3+JavaScript+jQuery前端开发案例式教程PPT课件（共14章）06html+css创建注册页面.pptVIP

5.4.3 框架对应css样式分析 ③ 5.4.3 框架对应css样式分析 ④ * * * * * 5.1 html+css创建注册页面 5.1 html的表格 5.1.1创建表格 每个表格有若干行，每行包括若干单元格。表格最外面用table标签定义，行用tr标签定义，行里面的单元格用td标签定义， table border=1 tr td语文/td td数学/td /tr tr td80/td td90/td /tr /table 运行效果 部分代码 5.1.2 创建不规则表格 单元格td标签的colspan属性用于定义单元格跨列。rowspan属性用于定义单元格跨行。用td标签的colspan和rowspan属性 可以合并单元格，创建不规则表格。 运行效果 body table width=90% border=1 tr tdA/td td colspan=2 B/td /tr tr td rowspan=2 C/td tdD/td tdE/td /tr tr tdF/td tdG/td /tr /table /body 部分代码 5.2 html的表单 表单用于显示、收集、提交信息到服务器。在网页中，用户经常会进行注册、登录、搜索等， 这些信息输入需要使用html表单完成。 用户信息的输入需要使用html表单控件元素，常用的表单控件元素包括文本框、文本域、单选框、 下拉列表、按钮等，当用户输入完信息后，进行提交操作，表单可以将用户输入的数据传到服务器端， 服务端程序就可以处理表单传过来的数据，进行处理。 form 表单控件，大部分是input /from 表单结构 5.2 html的表单 5.2.1表单概述 运行效果 部分代码 form action=login.php method=post 用户名input type=textbr 密码input type=passwordbr input type=submit value=登录 input type= reset value=取消 /form form标签最重要的属性为action和method。其含义和属性值如下 form属性 含义 取值 action 表单提交的地址 URL地址 method 表单提交的方法 post 或者get input表单控件元素用于收集用户信息，该元素是一个单标签。 5.2 html的表单 5.2.2 input表单控件元素 input表单type的属性值 类型 含义 input type=”text” 单选文本框 可以输入一行文本，可通过size和maxlength定义显示的宽度和输入最大字符数 input type=”password” 密码输入框 输入的字符会以...显示 input type=”radio” 单选按钮 相同name属性的单选按钮是一组，一组只能选一个，默认选中用checked=”checked” input type=”checkbox” 多选按钮 相同name属性的单选按钮是一组，一组可以多选，默认选中用checked=”checked” input type=”submit” 提交按钮 单击后将表单数据发送到服务器 input type=”reset” 重置按钮 单击后将清除表单中所有数据 input type=”button” 按钮 定义按钮，多用于执行JavaScript脚本 input type=”image” 图片形式提交按钮 功能同提交按钮一样， input type=”file” 选择文件控件 用于文件上传 input type=”hidden” 隐藏的输入区域 用于定义隐藏的参数 格式为：input 5.2 html的表单 5.2.2 input表单控件元素 h1注册账号/h1 form action=regist.php method=post 用户名input type=text name=username value=br 密码input type=password name=pwd value=br 确认密码input type=password name=re_pwd value=