Html - 横版TH+TD

时间:2022-05-26 07:21:24

通常可位于表格上方的搜索区域html

<div class="panel panel-default">
    <div class="panel-body">
        <table width="100%" cellspacing="0" cellpadding="0" class="table_nomal1">
            <tbody>
                <tr>
                    <th>
                        商户代码
                    </th>
                    <td>
                        <input type="text" class="smallfield" maxlength="20" id="UserCode_text">
                    </td>
                    <th>
                        订单号
                    </th>
                    <td>
                        <input type="text" class="smallfield" maxlength="25" id="OrderNO_text">
                    </td>
                    <th>
                        划扣类型
                    </th>
                    <td>
                        <select id="TransferCode_select">
                            <option selected="selected" value="">请选择</option>
                            <option value="001">划扣</option>
                            <option value="004">彩票划扣</option>
                        </select>
                    </td>
                    <th>
                        划扣平台
                    </th>
                    <td>
                        <select id="TransType_select">
                            <option selected="selected" value="">请选择</option>
                            <option value="001">结算中心划扣</option>
                            <option value="002">财付通划扣</option>
                            <option value="003">通联划扣</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>
                        会员类型
                    </th>
                    <td>
                        <select id="CustomerType_select">

                            <option value="">请选择</option>
                            <option value="1">个人用户</option>
                            <option value="2">零售会员</option>
                            <option value="3">一级代理</option>
                            <option value="4">二级代理</option>
                            <option value="5">美宜佳</option>
                        </select>
                    </td>
                    <th>
                        划扣时间
                    </th>
                    <td>
                        <input type="text" class="Wdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'AddTime_End_text\',{M:-3});}',maxDate:'#F{$dp.$D(\'AddTime_End_text\');}'})" style="width: 120px;" id="AddTime_Begin_text"> -
                        <input type="text" class="Wdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'AddTime_Begin_text\');}',maxDate:'#F{$dp.$D(\'AddTime_Begin_text\',{M:3});}'})" style="width: 120px;" id="AddTime_End_text">
                    </td>
                    <th>
                        处理结果
                    </th>
                    <td>
                        <select id="Status_select">
                            <option selected="selected" value="">全部</option>
                            <option value="0">失败</option>
                            <option value="1">成功</option>
                            <option value="2">待处理</option>
                            <option value="3">已冲正</option>
                            <option value="4">冲正失败</option>
                        </select>
                    </td>
                    <th>
                        划扣银行
                    </th>
                    <td>
                        <select id="BankCode_select">

                            <option value="">请选择</option>
                            <option value="1">中国工行</option>
                            <option value="2">中国建行</option>
                            <option value="3">中国农行</option>
                            <option value="4">中国银行</option>
                            <option value="5">邮政储蓄</option>
                            <option value="6">广发银行</option>
                            <option value="7">东莞农商行</option>
                            <option value="8">东莞银行</option>
                            <option value="9">广州农商行</option>
                            <option value="10">兴业银行</option>
                            <option value="11">中信银行</option>
                            <option value="12">招商银行</option>
                            <option value="13">浦发银行</option>
                            <option value="14">光大银行</option>
                            <option value="17">民生银行</option>
                            <option value="18">广州银行</option>
                            <option value="19">交通银行</option>
                            <option value="20">华夏银行</option>
                            <option value="21">广东农商行</option>
                            <option value="22">平安银行</option>
                        </select>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>