帮忙用div+css做个表格吧 急用啊

html-css014

帮忙用div+css做个表格吧 急用啊,第1张

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>会员注册</title>

</head>

<body>

<form>

  <input type="radio" name="sex" checked="checked"/>

  男

  <input type="radio" name="sex" />

  女 <br />

  <select>

    <option>1990</option>

    <option>1991</option>

    <option>1992</option>

    <option>1993</option>

    <option>1994</option>

    <option>1995</option>

  </select>

  年

  <select>

    <option>1</option>

    <option>2</option>

    <option>3</option>

    <option>4</option>

    <option>5</option>

    <option>6</option>

    <option>7</option>

    <option>8</option>

    <option>9</option>

    <option>10</option>

    <option>11</option>

    <option>12</option>

  </select>

  月&copy

  <select>

    <option>1</option>

    <option>2</option>

    <option>3</option>

    <option>4</option>

    <option>5</option>

    <option>6</option>

    <option>7</option>

    <option>8</option>

    <option>9</option>

    <option>10</option>

    <option>11</option>

    <option>12</option>

    <option>13</option>

    <option>14</option>

    <option>15</option>

    <option>16</option>

    <option>17</option>

    <option>18</option>

    <option>19</option>

    <option>20</option>

    <option>21</option>

    <option>22</option>

    <option>23</option>

    <option>24</option>

    <option>25</option>

    <option>26</option>

    <option>27</option>

    <option>28</option>

    <option>29</option>

    <option>30</option>

    <option>31</option>

  </select>

  日 <br />

  <select>

    <option>北京 西城</option>

    <option>北京 东城</option>

    <option>北京 昌平</option>

    <option>北京 通州</option>

    <option>北京 朝阳</option>

    <option>北京 密云</option>

    <option>北京 丰台</option>

    <option>北京 大兴</option>

    <option>北京 石景山</option>

    <option>北京 延庆</option>

  </select>

  <br />

  <input type="radio" name="marry" checked="checked" />

  未婚

  <input type="radio" name="marry" />

  已婚

  <input type="radio" name="marry" />

  丧偶 <br />

  <select>

    <option>150厘米</option>

    <option>155厘米</option>

    <option>160厘米</option>

    <option>165厘米</option>

    <option>170厘米</option>

    <option>175厘米</option>

    <option>180厘米</option>

    <option>185厘米</option>

    <option>190厘米</option>

    <option>郭敬明厘米</option>

  </select>

  <br />

  <select>

    <option>初中</option>

    <option>中专</option>

    <option>高中</option>

    <option>大专</option>

    <option>本科</option>

    <option>研究生</option>

    <option>博士</option>

    <option>博士后</option>

  </select>

  <br />

  <select>

    <option>2000以下</option>

    <option>2000~5000</option>

    <option>5001~8000</option>

    <option>8001~12000</option>

    <option>12000以上</option>

  </select>

</form>

<input type="radio" name="zhuce"value="" />

邮箱注册

<input type="radio" name="zhuce" value="" checked="checked" />

手机注册 <br />

<input type="text" maxlength="11" />

<br />

<input type="text" />

<br />

<input type="password" />

<br />

<input type="text" />

<br />

<input type="checkbox" />

执着

<input type="checkbox" />

幽默

<input type="checkbox" />

正直

<input type="checkbox" />

完美主义

<input type="checkbox" />

憨厚

<input type="checkbox" />

孝顺<br />

<input type="checkbox" />

开朗

<input type="checkbox" />

独立

<input type="checkbox" />

小酌两杯

<input type="checkbox" />

听音乐会

<input type="checkbox" />

网游 <br />

<input type="submit" value="免费注册">

<br />

<input type="checkbox" checked="checked"/>

我同意

<a href="css/zhucetiaokuan.html" target="_blank">注册条款</a>

<a href="css/huiyuanjiarubiaozhun.html" target=_self>会员加入标准</a>

 <br />

<input type="checkbox" checked="checked"/>

同时创建旗下全认证婚恋网站

<a href="css/aizhenxin.html">爱真心</a>

账号

</body>

</html> <!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>智联招聘</title>

<style type="text/css" >

textarea {

    resize: none

}

</style>

</head>

<body>

<form name="" method="" action="">

  <input type="text" value="" />

  <br />

  <input type="radio" value="" name="sex" checked="checked" />

  男

  <input type="radio" value="" name="sex" />

  女 <br />

  <input type="text" value="" size="4" />

  年

  <input type="text" value="" size="2" />

  月 <br />

  <select name="" />

  

  <option>2005年1月</option>

  <option>2005年2月</option>

  <option>2005年3月</option>

  <option>2005年4月</option>

  <option>2005年5月</option>

  <option>2005年6月</option>

  </select>

  <br />

  <select name="" />

  

  <option>北京</option>

  <option>锡林郭勒盟</option>

  <option>山东</option>

  <option>山西</option>

  <option>哈尔滨</option>

  <option>厦门</option>

  </select>

  <br />

  <select name="" />

  

  <option>北京</option>

  <option>锡林郭勒盟</option>

  <option>山东</option>

  <option>山西</option>

  <option>哈尔滨</option>

  <option>厦门</option>

  </select>

  <br />

  <input type="text" value="联系方式" size="11" />

  <br />

  <input type="text" value="[email protected]" disabled="disabled" />

  <br />

  <input type="radio" name="marry" checked="checked" />

  未婚

  <input type="radio" name="marry" />

  已婚

  <input type="radio" name="marry" />

  离异 <br />

  <select name="国籍">

    <option selected>中国大陆</option>

    <option>中国台湾</option>

    <option>美国</option>

    <option>法国</option>

  </select>

  <br />

  <select name="证件类型">

    <option>身份证</option>

    <option>军人证</option>

    <option>护照</option>

  </select>

  <input type="text" name="" />

  <br />

  <input type="radio" name="work" />

  有

  <input type="radio" name="work" checked="checked" />

  无 <br />

  <input type="radio" name="id" />

  中共党员(含预备党员)

  <input type="radio" name="id" />

  团员

  <input type="radio" name="id" />

  群众

  <input type="radio" name="id" />

  民主党派

  <input type="radio" name="id" />

  无党派人士

  <hr />

  <input type="checkbox" name="" />

  全职

  <input type="checkbox" name="" />

  兼职

  <input type="checkbox" name="" />

  实习 <br />

  <select>

    <option selected>选择/修改</option>

    <option>北京</option>

    <option>上海</option>

    <option>广州</option>

    <option>深圳</option>

  </select>

  <br />

  <select>

    <option selected>选择/修改</option>

    <option>销售</option>

    <option>人力</option>

    <option>财务</option>

    <option>前台</option>

  </select>

  <br />

  <select>

    <option selected>选择/修改</option>

    <option>金融</option>

    <option>房地产</option>

    <option>制造业</option>

    <option>农业</option>

  </select>

  <br />

  <select>

    <option selected>请选择</option>

    <option>3000以下</option>

    <option>3001~5000</option>

    <option>5001~8000</option>

    <option>8001~15000</option>

    <option>15001以上</option>

  </select>

  /月 <br />

  <select>

    <option>我目前处于离职状态,可立即上岗</option>

    <option>我目前处于在职状态,近期内可到岗</option>

  </select>

  <br />

  <input type="checkbox" name="" checked="chected" />

  将此求职意向显示在我的简历中

  <hr />

  <input type="radio" name="jianli" checked="checked" />

  上传附件简历

  <input type="file" />

  <br />

  <input type="radio" name="jianli" />

  粘贴文本简历 <br />

  <textarea name="" cols="30" rows="10">

</textarea>

</form>

</body>

</html>

给你两段代码你自己修改一下吧

CSS中显示和隐藏有多种方法,比较常见的是有display:none|blockvisibility: hidden|visible他们的区别在于,对文档流影响的区别。一般大家显示隐藏元素,比较倾向于用display。

你如果想隐藏表格,可以用table{display:none}来操作。想显示的话把display:block即可。