一個關于table的html模闆

效果圖如下：

<div class="form-area">
   <form id="triForm">
   <table class="form-mod" style="width:610px">

<!--辨別每列的寬度-->
      <col width="80px" />
      <col width="50px" />
      <col width="80px" />
      <col  />
      <tr>
          <th >業務表 :</th>
          <td ><input type="text" id="yewu" name="yewu" class="in-text"  
style="width:150px" maxlength="15"/></td>
          <th >日志表  :</th>
          <td ><input type="text" id="rizhi"
                         name="rizhi" class="in-text" 
style="width:180px" maxlength="15" readonly="readonly"/></td>
       </tr>
       <tr>
           <th>來源辨別  :
           </th>
            <td><input type="text" id="tr_sourceid" name="tr_sourceid" class="in-text"
                     size="30" maxlength="30" /></td>
           <th>是否主表:</th>
                   <td><select id="isMaster" name="isMaster" class="in-select">
                        <option value="1">是</option>
                        <option value="2">否</option>
                 </select></td>
             </tr>
           <tr>
        <th>依賴觸發器</th>
          <td colspan="3"><input type="text" id="triList"
                   name="triList" class="in-text" style="width:180px" 
maxlength="15" readonly="readonly"/>
                <input id="merge_tri" type="button"
         class="in-button s2 sp" value="合并" οnclick="mergeTrigger()" />
              </td>
           </tr>
    <tr>
                     <th>觸發器SQL :</th>
             <td colspan="3"><textarea id="triSql" name="triSql" class="in-textarea"
                       style="width: 510px; height: 150px;"></textarea></td>
               </tr>
         </table>
            <div class="form-action" style="padding-left: 250px">
             <input id="trigger_general" type="button" class="in-button s2 sp"
              value="預覽" οnclick="generalStandTrigger()" /> <input id="trigger_create" type="button"
               class="in-button s2 sp" value="執行" οnclick="createTrigger()" />
            </div>
        </form>

     </div>