以table/form标签语义化,做为博客首贴

应用场景1-table表格

 <table>
<caption>
<thead>
<th colspan="4">水果价格表</th>
</thead>
<tbody>
<tr>
<th></th>
<th>中国</th>
<th>美国</th>
<th>意大利</th>
<tr>
<tr>
<th>苹果</th>
<td>8</td>
<td>12</td>
<td>10</td>
<tr>
</tbody>
<tfoot>
<tr>
<th>桃子</th>
<td>6</td>
<td>10</td>
<td>8</td>
<tr>
</tfoor>
</table>

应用场景2-form表单

 <form>
<fieldset>
<legend>基本信息</legend>
<p>
<label for="name" >姓名:</label>
<input id="name" type="text" value="姓啥名啥" />
</p>
<p>
<label for="sexs">性别:</label>
<label><input type="radio" name="sex" id="sexs" />男</label>
<label><input type="radio" name="sex" />女</label>
</p>
<p>
<label for="likes">爱好:</label>
<label><input type="checkbox" name="like" id="likes" />户外旅行</label>
<label><input type="checkbox" name="like" />读书</label>
<label><input type="checkbox" name="like" />滑雪</label>
</p>
<p>
<input type="submit" value="提交" />
</p>
</fieldset>
</form>

最新文章

  1. Three.js 入门指南(核心对象)
  2. 从主机访问虚拟机上的Apache
  3. 关于激活Bentley软件详细步骤介绍(再补充一个)
  4. Google在三大系统上停止对Chrome Apps的支持
  5. ada 图形编辑器 - GNAT GPL
  6. oracle 金额格式化
  7. offset client scroll
  8. zookeeper的异常处理(Disconnected, SyncConnected, Expired)
  9. 【阿里云产品公测】云引擎ACE初体验
  10. [RAC] oracle rac 后台进程
  11. Linux内核监控模块-2-系统调用表地址的获取(Linux内核版本3.13)
  12. java vm内存设置
  13. 开发反模式 - SQL注入
  14. adb 之android的神器am
  15. 后台返回excel文件流,js下载
  16. SQL SERVER与C#数据类型对照表
  17. Poi对excel的基本操作
  18. hdu2571 命运 2016-09-11 16:54 53人阅读 评论(0) 收藏
  19. VC MFC工具栏(CToolBar)控件(转)
  20. 一键部署pxe环境

热门文章

  1. 在.NET Framework对于JSON本来就提供了很好的支持
  2. 分享Mvc3+NInject+EF+LigerUI权限系统
  3. 定时器Timer不定时
  4. Cocoa框架
  5. PostgreSQL 简明使用说明
  6. Chrome浏览器网页截全屏算法以及实现
  7. Go - Revel框架介绍
  8. POJ 1013 小水题 暴力模拟
  9. 深入理解HTTP Session
  10. eclipse中svn插件的安装和tortoiseSVN的安装