html表单设计css样式,html表单布局及CSS样式.doc

html表单布局及CSS样式

HTML(二)

一、HTML中的特殊符号 1.常用的特殊符号： 特殊符号 字符实体 示例 空格   A    B 大于号 > a 引号"" " "姓名" 版权符号 © Copyright© 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" / 运动    input type "checkbox" name "hobby" value "swimming" / 游泳    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" 十二月 月  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" /    input type "submit" value "注 册" disabled "disabled"/

?3.HTML的注释 !-- ?注释内容-- 要避免在注释内容中使用 ！ 可以用 或者##代替--

4、表格布局 4.1、基本语法 //行 百度 //单元格 猫扑 4.2、跨列

? td?colspan "2" 学生成绩 //跨两列