首页 > 编程 > HTML > 正文

HTML中关于表单格式化的代码详解

2020-03-24 18:06:54
字体:
来源:转载
供稿:网友
HTML表单格式化

一、说明

用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教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表