如何使用div标签创建表 [英] how to create a table using div tags

查看:87
本文介绍了如何使用div标签创建表的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

  </head>

  <body>
    <div>

        <div style="border: 2px solid #000000;margin-bottom: 5px;">
         <label>Payment Formula</label>
            <div style="padding-left: 25px;">
                <table>
                    <tr>
                        <td>Name</td><td>Santosh</td>
                    </tr>
                    <tr>
                        <td>Bank</td><td>S/3 Bank</td>
                    </tr>
                    <tr>
                        <td>Account</td><td>04261</td>
                    </tr>
                    <tr>
                        <td>Balance</td><td>25000</td>
                    </tr>
                </table>
            </div>
        </div>

        <div style="border: 2px solid #000000;margin-bottom: 5px;">
            <div style="width: 50%;float: left;text-align: center;background-color: yellow;margin-top: 2%">
                <label> Payment Amount</label>
            </div>
            <div style="width: 50%;">
                <table><tr><td>
                <input type="radio"/> </td> <td><label>xxxxxxxxx</label> </td><td>d</td></tr>
                <tr><td><input type="radio"/></td><td><label>yyyyyyyyyyyyy</label></td><td><input type="text"/></td></tr>
                </table>
            </div>
        </div>


        <div style="border: 2px solid #000000;">
           <div style="width:30%;float: left;margin-top: 4%;">
                <label>13-04-2014</label>
           </div>
           <div style="width:30%;float: left;margin-top: 4%;">
             <label>Payment Amount</label>
           </div>
           <div style="width:40%;margin-top: 1%;margin-bottom: 1%;">
                <label>abcdEfghi 800$ efdfmmfmdkf</label>
                <label>fdkfd dfkdfjjdkfj dkfkjjk 13-04-2014</label>
                <label>service charge-15$</label>
           </div>
        </div>

        <div>
            <div style="width: 100%;margin-bottom: 5px;">
                <table style="width: 100%;border: 1px solid #323232;">
                    <thead style="bor">
                        <td>Date</td>
                        <td>Payment</td>
                        <td>ServiceCharge</td>
                        <td>Total</td>
                    </thead>
                    <tr>
                        <td>3-11-14</td>
                        <td>800$</td>
                        <td>15$</td>
                        <td>815$</td>
                    </tr>
                </table>
            </div>
            <div style="width: 100%;background-color: yellow;">
                <div style="float: right;">
                <input type="submit" value="Back" style="margin-right: 5px;padding: 2px;"/>
                <input type="submit" value="cancel">
                <input type="submit" value="Disable" disabled="disabled" >
                </div>
            </div>

        </div>




    </div>
  </body>
</html>

推荐答案

efdfmmfmdkf< / label>
< label> fdkfd dfkdfjjdkfj dkfkjjk 13 - 04 -2014< / label>
< label>服务费-15
efdfmmfmdkf</label> <label>fdkfd dfkdfjjdkfj dkfkjjk 13-04-2014</label> <label>service charge-15


< / label>
< / div>
< / div>

< div>
< div style = width:100%; margin-bottom:5px; >
< table style = width:100%; border:1px solid#323232;>
< thead style = bor>
< td>日期< / td>
< td>付款< / td>
< td> ServiceCharge< / td>
< td>总计< / td>
< / thead>
< tr>
< td> 3- 11 -14< / td>
< td> 800
</label> </div> </div> <div> <div style="width: 100%;margin-bottom: 5px;"> <table style="width: 100%;border: 1px solid #323232;"> <thead style="bor"> <td>Date</td> <td>Payment</td> <td>ServiceCharge</td> <td>Total</td> </thead> <tr> <td>3-11-14</td> <td>800


< / td>
< td> 15
</td> <td>15


这篇关于如何使用div标签创建表的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆