一、说明
用table布局
二、效果
三、代码
!DOCTYPE html html head title Form.html /title meta name= keywords content= keyword1,keyword2,keyword3 meta name= description content= this is my page meta name= content-type content= text/html; charset=UTF-8 !-- link rel= stylesheet type= text/css href= ./styles.css -- /head body 表单格式化 form action= !-- cellpadding 属性规定单元边沿与其内容之间的空白。 注释:请勿将该属性与 cellspacing 属性相混淆,cellspacing 属性规定的是单元之间的空间。 从实用角度出发,最好不要规定 cellpadding,而是使用 CSS 来添加内边距。 table border= 1 bordercolor= #00ffff cellpadding=10 cellspacing=0 width=400 !-- 由此可见, th 和 td 标签都是用于表格单元格显示的。不同的是 th 在单元格中加粗显示。 -- !-- 占两列 -- th colspan= 2 注册表单 /th /tr td 用户名称 /td td input type= text name= user value= br / /td /tr td 输入密码 /td td input type= password name= pwd / br / /td /tr td 确认密码 /td td input type= password name= repwd / br / /td /tr td 选择性别 /td input type= radio name= sex value= nan / 男 input type= radio name= sex value= nv checked= checked / 女 br / /td /tr td 选择技术 /td input type= checkbox name= tech value= java / JAVA input type= checkbox name= tech value= html / HTML input type= checkbox name= tech value= css / CSS br / /td /tr td 选择国家 /td select name= country option value= none --选择国家-- /option option value= usa 美国 /option option value= en 英国 /option !-- 默认选择中国 -- option value= cn selected= selected 中国 /option /select /td /tr th colspan= 2 input type= reset value= 清除数据 / input type= submit value= 提交数据 / /th /tr /table /form /body /html
以上就是HTML中关于表单格式化的代码详解的详细内容,html教程
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。
新闻热点
疑难解答