07_06表單Demo2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
body {
	margin: 0 auto;
}
img {
	border: none;
}
table {
	border-collapse: collapse;
	font: 12px 宋體;
	color: #333333;
}
th,td{padding: 0;}
select,button{ margin: 0;}

.all {
	width: 720px;
	margin: 50px auto;
}
.all .sel {
	
	height: 67px;
	border: 1px solid #e0e0e0;
	border-bottom: none;
}
.all .sel form{ padding-left: 62px;padding-top: 24px; font-size:12px;color:#666666;font-weight:bold;}
.all .sel form select{ width: 105px;height: 18px;}
.all .sel form select.month{margin-left: -4px;}
.all .sel form select.day{margin-left: 7px;}
.all .sel form span.type{margin-left: 28px;}
.all .sel form select.type{margin-left: -4px;}
.all .sel form button{ width: 58px;	height: 23px;margin-left: 28px;}
.all table{width: 720px; border: 1px solid #cccccc;}
.all table th,.all table td{ border:1px solid #cccccc;}
.all table td.type{ height:49px;}
.all table td.type span.putong{padding-left: 185px;}
.all table td.type span.putong img{ padding-right:5px;}
.all table td.type span.zhuanjia{padding-left: 9px;}
.all table td.type span.zhuanjia img{padding-right: 6px;}
.all table td.type span.texu{padding-left: 9px;}
.all table td.type span.texu img{padding-right: 7px;}
.all table td.type span.yejian{padding-left: 9px;}
.all table td.type span.yejian img{padding-right: 6px;}
.all table th{ background:#f7ffef;color:#326801; font-weight:normal;}
.all table th.xm{width: 82px;height: 25px;}
.all table th.ks{width: 78px;}
.all table th.sc{width: 101px;}
.all table th.sj{width: 30px;}
.all table th.yi{width: 48px;}
.all table th.er{width: 48px;}
.all table th.san{width: 49px;}
.all table th.si{width: 49px;}
.all table th.wu{width: 49px;}
.all table th.liu{width: 49px;}
.all table th.ri{width: 49px;}
.all table th.lx{width: 75px;}
.all table td.colMain{height: 77px;}
.all table td.row1_1{height: 25px;}
.all table td.row1_2{height: 26px;}
.all table td.row1_3{height: 24px;}
.all table td.row2_1{height: 26px;}
.all table td.row2_2{height: 24px;}
.all table td.row2_3{height: 25px;}
.all table td.row3_1{height: 25px;}
.all table td.row3_2{height: 25px;}
.all table td.row3_3{height: 25px;}
.all table td.row4_1{height: 25px;}
.all table td.row4_2{height: 25px;}
.all table td.row4_3{height: 25px;}
.all table td.row5_1{height: 25px;}
.all table td.row5_2{height: 25px;}
.all table td.row5_3{height: 25px;}


</style>
</head>

<body>
<div class="all">
  <div class="sel">
    <form action="#">
      <span class="time">出診時間:</span>
      <select class="month">
        <option value="" selected="selected">--請選擇--</option>
        <option value="">1月</option>
        <option value="">2月</option>
        <option value="">...</option>
      </select>
      <select class="day">
        <option value="" selected="selected">--請選擇--</option>
        <option value="">1日</option>
        <option value="">2日</option>
        <option value="">...</option>
      </select>
      <span class="type">門診類型:</span>
      <select class="type">
        <option value="" selected="selected">--請選擇--</option>
        <option value="">科室1</option>
        <option value="">科室2</option>
      </select>
      <button>查詢</button>
    </form>
  </div>
  <table>
    <tbody>
      <tr>
        <td  class="type" colspan="14"><span class="putong"><img src="img/putong.png" alt=""><span>普通門診</span></span> <span class="zhuanjia"><img src="img/zhuanjia.png" alt=""><span>專家門診</span></span> <span class="texu"><img src="img/texu.png" alt=""><span>特需門診</span></span> <span class="yejian"><img src="img/yejian.png" alt=""><span>夜間門診</span></span></td>
      </tr>
      <tr>
        <th class="xm">醫生姓名</th>
        <th class="ks">所在科室</th>
        <th class="sc">擅長</th>
        <th class="sj"></th>
        <th class="yi">一</th>
        <th class="er">二</th>
        <th class="san">三</th>
        <th class="si">四</th>
        <th class="wu">五</th>
        <th class="liu">六</th>
        <th class="ri">日</th>
        <th class="lx">聯繫醫生</th>
      </tr>
      <tr>
        <td class="colMain" rowspan="3"><span>馬雯</span><br />
          副主任醫師</td>
        <td rowspan="3">眼科</td>
        <td rowspan="3">視神經、視網膜、脈絡膜疾...[詳細]</td>
        <td class="row1_1">上</td>
        <td><img src="img/zhuanjia.png" alt=""></td>
        <td></td>
        <td><img src="img/zhuanjia.png" alt=""></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td rowspan="3"></td>
      </tr>
      <tr>
        <td class="row1_2">下</td>
        <td></td>
        <td><img src="img/zhuanjia.png" alt=""></td>
        <td><img src="img/zhuanjia.png" alt=""></td>
        <td></td>
        <td><img src="img/zhuanjia.png" alt=""></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td class="row1_3">晚</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td class="colMain" rowspan="3"><span>劉運良</span><br />
          其他</td>
        <td rowspan="3">神經內科</td>
        <td rowspan="3">臨牀神經學,腦血管病的...[詳細]</td>
        <td class="row2_1">上</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td><img src="img/zhuanjia.png" alt=""></td>
        <td></td>
        <td></td>
        <td rowspan="3"></td>
      </tr>
      <tr>
        <td class="row2_2">下</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td class="row2_3">晚</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td class="colMain" rowspan="3"><span>蔣劍</span><br />
          主治醫師</td>
        <td rowspan="3">眼科</td>
        <td rowspan="3"></td>
        <td class="row3_1">上</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td><img src="img/putong.png" alt=""></td>
        <td></td>
        <td></td>
        <td rowspan="3"></td>
      </tr>
      <tr>
        <td class="row3_2">下</td>
        <td></td>
        <td></td>
        <td><img src="img/putong.png" alt=""></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td class="row3_3">晚</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td class="colMain" rowspan="3"><span>何楚峯</span><br />
          主治醫師</td>
        <td rowspan="3">耳鼻咽喉科</td>
        <td rowspan="3"></td>
        <td class="row4_1">上</td>
        <td><img src="img/putong.png" alt=""></td>
        <td></td>
        <td><img src="img/putong.png" alt=""></td>
        <td><img src="img/putong.png" alt=""></td>
        <td><img src="img/putong.png" alt=""></td>
        <td></td>
        <td></td>
        <td rowspan="3"></td>
      </tr>
      <tr>
        <td class="row4_2">下</td>
        <td><img src="img/putong.png" alt=""></td>
        <td></td>
        <td></td>
        <td></td>
        <td><img src="img/putong.png" alt=""></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td class="row4_3">晚</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td class="colMain" rowspan="3"><span>呂冰清</span><br />
          其他</td>
        <td rowspan="3">神經內科</td>
        <td rowspan="3">小兒神經病(弱智和腦癱)</td>
        <td class="row5_1">上</td>
        <td><img src="img/texu.png" alt=""></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td rowspan="3"></td>
      </tr>
      <tr>
        <td class="row5_2">下</td>
        <td></td>
        <td><img src="img/texu.png" alt=""></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td class="row5_3">晚</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </tbody>
  </table>
</div>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章