在适当的地方放下页面

时间:2014-02-01 06:27:44

标签: html asp.net css html5 css3

我正在设计日常出勤系统。我已经设计了一个页面,雇主可以将日期范围FROM - TO设置为查找特定日期范围内某些工人的出勤现在我被告知将NAME字段设置为雇主可以按日期范围搜索,但特别是对于特定的工作人员日期范围。现在我对设计感到困惑,其中ti最好放置Name Drop DOwn List,页面上的哪个位置听起来很棒,这样可以让它更好看。

接口:

enter image description here

2 个答案:

答案 0 :(得分:1)

你可以试试这个。

 <table>
        <tr>
            <td colspan="4">
                Search By
            </td>
        </tr>
        <tr>
            <td>
                Student Name :
            </td>
            <td colspan="3">
                <asp:DropDownList ID="ddlStudentName" Width="320px" runat="server">
                </asp:DropDownList>
            </td>
        </tr>
            <tr>
                <td>
                    From Date :
                </td>
                <td>
                    <asp:TextBox ID="txtFromDate" runat="server" CssClass="datepicker" onkeypress="return false;"
                        Width="120px"></asp:TextBox>
                </td>
                <td style="width: 70px;">
                    To Date :
                </td>
                <td>
                    <asp:TextBox ID="txtToDate" runat="server" CssClass="datepicker" onkeypress="return false;"
                        Width="120px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
                </td>
                <td style="width: 70px;">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
    </table>

enter image description here

答案 1 :(得分:1)

垂直堆叠,两列三行布局。左侧标签,右侧对齐。