html 的table tr td的使用

cellspacing 属性规定单元格之间的空间。

cellpadding 属性规定单元边沿与其内容之间的空白。

border 简写属性在一个声明设置所有的边框属性。

border 用在table属性时，结果是对所有的<td></td>加入了边框

当用<table border="1px">是对所有table、td都加入了边框

当用"style"方式指定<table style="border-width:1px;border-color:black;border-style:solid" cellpadding="0">

table则只负责外框的显示，td不加外框; td要加外框,只能手动自己定义border

 <fieldset>
        <legend>告警定义</legend>

    <fieldset>
            <legend>告警定义属性</legend>

          <table border="1" cellpadding="2" cellspacing="1"  width="80%">

             <tr>
                <td width="50%" nowrap>告警名称</td>
                <td width="50%" nowrap> <input name=wd_name type=text  value="<?=$alarmDef['wd_name']?>" size=10
                       maxlength=10 disabled>
                </td>
             </tr>   

                <tr>

                <td width="50%" nowrap>告警描述1</td>
                <td width="50%" nowrap> <input name=wd_name type=text  value="<?=$alarmDef['wd_warndesc0']?>" size=10
                       maxlength=10 disabled>
                </td> 

                </tr>

              <tr>

                <td width="50%" nowrap>告警描述2</td>
                <td width="50%" nowrap> <input name=wd_name type=text  value="<?=$alarmDef['wd_warndesc1']?>" size=10
                       maxlength=10 disabled>
                </td> 

            </tr>

                 <tr>
             <!-- <table border="1" cellpadding="2" cellspacing="1"  width="80%"> -->
                <td  width="20" nowrap>备注</td>
                <td  width="80" nowrap>
                  <input name=wd_memo type=text value="<?=$alarmDef['wd_memo']?>" size=10
                       maxlength=10 disabled>
                </td>
            <!-- </table> -->
            </tr>

          <tr>

            <td  nowrap>
                <table border="1" cellpadding="0" cellspacing="0"  width="100%">
                 <tr>
                  <td width="70" nowrap>告警级别1</td>
                  <td width="30" nowrap>
                     <select name="alarmLev1" size="1" >
                            <option value="<?=$alarmDef['wd_level0']?>" selected disabled><?=$alarmLev[$alarmDef['wd_level0']-1]?></option>
                    </select>
                  </td>
                 </tr>
                </table>
                </td> 

            <td   nowrap>
                <table border="1" cellpadding="0" cellspacing="0"  width="100%">
                 <tr>
                  <td  width="70"  nowrap> 告警级别2 </td>
                  <td  width="30"  nowrap>
                     <select name="alarmLev2" size="1" >
                            <option value="<?=$alarmDef['wd_level1']?>" selected disabled><?=$alarmLev[$alarmDef['wd_level0']-1]?></option>
                    </select>
                  </td>
                 </tr>
                </table>
            </td>
        </tr>

        </TABLE>

    </fieldset>

   <fieldset>
        <legend>告警通知属性</legend>

    <table border="1" cellpadding="2" cellspacing="1" style="width:80%">
          <tr>
           <?
            // ==0 未勾选
             if($alarmDef['wd_delay']==0)
                $wdEnable = "";
             else if($alarmDef['wd_delay']>0)
                $wdEnable = "checked";

           ?>
            <td width="10%" nowrap>

            <input name=wd_enable type=checkbox  value=1 <?=$wdEnable?> size=15
                         maxlength=15 disabled>
                </td>

            <td  width="90%" nowrap>
                当状态持续
                 <input name=wd_memo type=text value="<?=$alarmDef['wd_delay']?>" size=5
                       maxlength=10 disabled>
                秒后，才激活告警状态
             <td>

        </tr>

    </table>

  </fieldset>

</fieldset>

效果图：