如何使用div标签创建表

如何使用div标签创建表

本文介绍了如何使用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>

推荐答案




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

09-12 03:40