table标签,制作表格注册表

今天复习了一下html,发现在表格,表单这一方面还是不够熟练,所以写了这篇文章,以便复查。
首先,来看看要做成的注册表:

性格测试表,一键生成你的性格表

这里我用标题标签就做出来了,下面的内容可以用表格来做,接着我遇到的问题是单选框怎么做,查阅了资料,写出下面的代码解决

解决表格单选问题

 <tr><td>姓别</td><td><input type="radio" name="sex" id="nan"><label for="nan">男</label><input type="radio" name="sex" id="nv"><label for="nv">女</label></td></tr>

type=“radio”,name="sex"为单选框,label for=“nan”,id="nan"设置点击文字“男”也能选择。
接下来的日期写法我也查阅了资料,写出以下代码解决

<tr><td>生日</td><td><input type="date"></td></tr>

解决日期的选择

简简单单用一行代码解决,date表示input的类型是日期,直接就完成了年月日的设置。
所在地区用到了文本框中有默认文字,使用value="要加的文字"即可解决,代码如下:

<tr><td>所在地区</td><td><input type="text" value="中国大陆"></td></tr>

解决复选和默认选择

接着性格的类型这一行,用到了复选和默认选择,这里我用的是type="checkbox"实现单击复选,checked=“checked”,实现默认选择,代码如下:

<tr><td>性格的类型</td><td><input type="checkbox" name=lei id="keai" checked="checked"><label for="keai">可爱的</label><input type="checkbox" name=lei id="jiji"><label for="jiji">积极的</label><input type="checkbox" name=lei id="chenmo"><label for="chenmo">沉默寡言的</label><input type="checkbox" name=lei id="wenrou"><label for="wenrou">温柔的</label><input type="checkbox" name=lei id="zhongxing"><label for="zhongxing">中性的</label></td></tr>

自我介绍里用到了多行文本框,我用textarea解决;

解决需要输入多行文本

<tr><td>自我介绍</td><td><textarea name="" id="" cols="30" rows="5"></textarea></td></tr>

解决提交按钮

接着是一个提交按钮,用下面代码就可解决;

 <tr><td></td><td><input type="submit" value="免费测试"></td></tr>


这里也是复选加默认选择就可解决,用到的内容可参考前面;
最后是一个超链接就完成了简单的注册表啦

<tr><td></td><td><a href="# ">我是会员,立即登录</a></td></tr>

用到的解决方法都是一些较为基础的东西,但也挺好的,也是解决方法之一,后面复习了css就可对页面进行较为美观的修饰,现在先这样吧~

table标签,制作表格注册表相关推荐

  1. html用table标签制作表格

    <!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>&l ...

  2. 使用 iReport中table组件制作表格导出PDF

    一.iReport安装 1.下载安装包: 2.直接按默认安装完成. 3.安装完成后iReport还不能启动,会闪退,请继续下面的操作 4.下载jdk_1.7并安装.注意:不需要配置jdk_1.7版本的 ...

  3. table标签、表格的跨行跨列、ifarme标签

    table标签 需求: 制作一个带表头的三行山列的表格,并显示边框:修改表格的宽度.高度.表格的对齐方式.单元格间距. <!DOCTYPE html> <html lang=&quo ...

  4. 如何制作一个注册表文件

    1.制作一个注册表文件首先要了解注册表的格式:(可先去导出一个注册表文件,用记事本打开做为参照) 第一行:REGEDIT4 或是Windows Registry Editor Version 5.00 ...

  5. 使用table标签制作常用的html表格

    table 标签用于定义 HTML 表格.简单的 HTML 表格由 table 元素以及一个或多个 tr.th 或 td 元素组成. tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元. ...

  6. 购物车的制作 与注册表单验证

    购物车的制作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...

  7. 制作一个注册表单页面

    制作一个表单注册页面 在Dreamweaver中创建一个.html文件,添加一个11行2列的表格,左侧的内容是手动输入(第一行也手动输入),右侧的内容是用代码来写的(最后一行也是用代码来写)(用代码写 ...

  8. HTML 用table标签制作一张简单的个人简历

    该文章用于记录实训中的一个小作业 table标签的使用 从名字中可以看出table标签在HTML中,table标签多用于制作表格. table结构中有多个子标签 caption 用于标明该表格的使用途 ...

  9. 不用table标签实现表格

    最近开始接触uniapp写微信小程序,发现uniapp不兼容table标签,所以自己写了一个表格样式.由于有border的存在,使用的时候需要自行计算好每个格子和整体表格的大小. 结构 (四行五列): ...

最新文章

  1. 对频率论(Frequentist)方法和贝叶斯方法(Bayesian Methods)的一个总结
  2. javascript取随机数_查缺补漏一些 Javascript 的小技巧笔记
  3. IOT/智能设备日志解决方案(1):概述
  4. 星系超级计算机,Mira超级计算机“最后的旅程”:阿贡实验室进行了一次超大规模宇宙模拟...
  5. 07丨切片集群:数据增多了,是该加内存还是加实例
  6. 【C语言】有3个数a,b,c,要求按大小顺序把它们输出(基础法)
  7. Java反射机制API
  8. Java基础篇(05):函数式编程概念和应用
  9. 2699!Redmi Note 11潮流限定版再次发售:全球首发“全系悬浮工艺”
  10. Linux下文件开头的feff的问题
  11. python游戏房间_Python House冒险-如果已经进入一个房间,如何给出不同的输出
  12. You must install signalwire-client-c to build mod_signalwire。
  13. postgres初始化数据库
  14. mobi格式转换成pdf格式
  15. 【超图+CESIUM】【基础API使用示例】46、超图|CESIUM - 聚光源设置
  16. 数人云|听说大神都在用这25种软件部署工具,你用过几种?
  17. 初入Kaggle之数据集的使用及预测结果生成
  18. TC214B直流电机控制芯片
  19. PS抠字、PS修改图片文字
  20. BERT生成能力改进:分离对话生成和对话理解

热门文章

  1. 新零售模式对传统批发零售业在商业模式与技术上的影响
  2. php表格怎么导成excel,cad表格如何导出到excel
  3. Python爬取哔哩哔哩弹幕并且造词云图简单版!!!
  4. bootcamp空间不足_如何调整BootCamp大小?轻松解决BootCamp容量不足问题
  5. 解决一切运行库问题 运行库合集安装包、DirectX修复工具、.net最新合集包
  6. UnityRPG第三人称控制器
  7. 视频编码指标中的BD-BR/BD-rate和BD-PSNR的说明和计算(ExcelMatlab)
  8. 2019 DGF(深度引导滤波网络) 相关的论文笔记
  9. python 使用pdfkit生成
  10. 手把手教你怎么免费为微信公众号接入智能客服