html表单布局及CSS样式.docVIP

HTML（二） 一、HTML中的特殊符号 1.常用的特殊符号： 特殊符号 字符实体 示例 空格 nbsp; Anbsp;nbsp;nbsp;nbsp;B 大于号 gt; a lt;b 小于号 lt; lt;htmlgt; 引号 quot; quot姓名quot 版权符号 copy; Copyrightcopy; All Reserved ?2.表单（?标签 ） 2.1、表单的基本语法： form 属性action 表单提交地址 ?method 提交的方法 action：规定到表单提交之后，由谁处理，默认为当前页面 method：有两种取值get和post（更安全，数据量更大） 表单内部由大量表单元素构成 2.2、表单元素的基本格式 input name 表单元素的名称 type 类型 value 值 size 显示的宽度 maxlength 最大输入字符长度 checked checked 是否被选中 / 2.3、表单元素的逐一介绍 1、文本框（type:txt） input name username type txt value 张三 size 20 / 2、密码框 input name psswd type password size 20 3、重置、提交和普通按钮 input name reset ? type reset ? ?value 重置 / input name submit type reset ? value 提交 / input name button type reset ? value 普通 / 4、单选按钮（radio） input type radio name gen value 男 checked checked / img src images/Male.gif alt 男/ 男 input type radio name gen value 女 ?/ img src images/Female.gif alt 女/ 女 5、复选框（check和post） input type checkbox name hobby value sports / 运动nbsp;nbsp;nbsp; input type checkbox name hobby value swimming / 游泳nbsp;nbsp;nbsp; input type checkbox name hobby value play ?checked checked/ 玩游戏 6、文件域（上传文件） input type file name files / input type button name upload value 上 ?传 / 7、下拉列表框 select name bmon potion value 0 一月 potion value 1 二月 potion value 2 三月 potion value 3 四月 potion value 4 五月 potion value 5 六月 potion value 6 七月 potion value 7 八月 potion value 8 九月 potion value 9 十月 potion value 10 十一月 potion value 11 十二月 月nbsp; 8、多行文本域 textarea name serviceprotocol cols 60 rows 6 欢迎阅读服务协议 9、隐藏域 input type hidden name userid value 777 ? / 10、只读和禁用属性 a、 只读 textarea name serviceprotocol cols 60 rows 6?readonly readonly 欢迎阅读服务协议 b、禁用 同意以上协议 input type checkbox name accept / nbsp;nbsp; input type submit value 注 册 disabled disabled/ ?3.HTML的注释 !-- ?注释内容-- 要避免在注释内容中使用 ！ 可以用 或者##代替-- 4、表格布局 4.1、基本语法 //行 百度 //单元格 猫扑 4.2、跨列 ? td?colspan 2 学生成绩 //跨两列 4.3、跨行 td?rowspan 2 李四 4.4、跨行跨列 td colspan 3 align center 学生成绩 5、表格的高级标签 表格数据的分组标签 , , 6、表格布局 ? 采用form-table-tr-td进行页面布局 7、CSS样式表 ??CSS是Cascading Style Sheets 的缩写，层叠样式表（W3C规范之一），把网页