Đặt câu hỏi Viết bài Tạo series
Đăng nhập Đăng ký

Hỏi đáp

Chia sẻ kiến thức, cùng nhau phát triển

Hỏi về css cho form

14:03 03-04-2018 679 lượt xem 2 bình luận 08:12 05-04-2018
php

Mình có xây dựng 1 trang web với 4 layout là header , left, right, footer

Hình ảnh: https://imgur.com/a/1PseU

Mình muốn css cho form về dạng sắp xếp theo hàng dọc từ trái sang phải và các input text thẳng hàng với nhau , các label thẳng hàng với nhau.
Mình lúc viết form có để thẻ <p> cho từng cặp label và input

xin master css trợ giúp với ạ

Bình luận

Để bình luận, bạn cần đăng nhập bằng tài khoản Howkteam.

Đăng nhập
Ngọc Phạm đã bình luận 08:12 05-04-2018

Bạn có thể dùng Table để chia cột cũng được nhé! 

Design tham khảo:

<table>
            <tr>
                <td>
                    <asp:Label ID="lbSoKyHieu" runat="server" Text="Số, ký hiệu:"></asp:Label></td>
                <td>
                    <asp:TextBox ID="txtSoKyHieu" runat="server"></asp:TextBox></td>
                <td>
                    <asp:Label ID="lbTrichYeu" runat="server" Text="Trích yếu nội dung:"></asp:Label></td>
                <td>
                    <asp:TextBox ID="txtTrichYeu" TextMode="MultiLine" runat="server"></asp:TextBox></td>
                <td></td>
                <td></td>
                  <td></td>
                <td></td>

            </tr>
             <tr>
                <td>
                    <asp:Label ID="lbNgayBanHanh" runat="server" Text="Ngày ban hành:"></asp:Label></td>
                <td>
                    <asp:TextBox ID="txtNgayBanHanh" runat="server"></asp:TextBox></td>
                <td>
                    <asp:Label ID="lbNgayCoHieuLuc" runat="server" Text="Ngày có hiệu lực"></asp:Label></td>
                <td>
                    <asp:TextBox ID="txtNgayHieuLuc" runat="server"></asp:TextBox></td>
                 <td></td>
                 <td></td>
                 <td></td>
                 <td></td>

            </tr>
             <tr>
                <td>
                    <asp:Label ID="lbHinhThucVanBan" runat="server" Text="Hình thức văn bản:"></asp:Label></td>
                <td>
                    <asp:TextBox ID="txtHinhThucVanBan" runat="server"></asp:TextBox></td>
                <td>
                    <asp:Label ID="lbLinhVuc" runat="server" Text="Lĩnh vực:"></asp:Label></td>
                <td>
                    <asp:RadioButton ID="rdoKhac" runat="server" Text="Khác" />
                    <asp:RadioButton ID="rdoYTe" runat="server" Text="Y tế" />
                </td>
                 <td>
                     <asp:Label ID="lbCoQuanHanhPhap" runat="server" Text="Cơ quan hành pháp:"></asp:Label></td>
                 <td>
                     <asp:DropDownList ID="ddlCoQuanHanhPhap" runat="server"></asp:DropDownList></td>
                 <td>
                     </td>
                 <td></td>

            </tr>
            <tr>
                <td>
                    <asp:Label ID="lbNguoiKy" runat="server" Text="Người ký:"></asp:Label></td>
                <td>
                    <asp:TextBox ID="txtNguoiKy" runat="server"></asp:TextBox></td>
                <td>
                    <asp:Label ID="lbVanBanHieuLuc" runat="server" Text="Văn bản còn hiệu lực:"></asp:Label></td>
                <td>
                    <asp:CheckBox ID="cbVanBanHieuLuc" runat="server" /></td>
                 <td>
                     <asp:Label ID="lbLoaiVanBan" runat="server" Text="Loại văn bản:"></asp:Label></td>
                 <td>
                     <asp:DropDownList ID="ddlLoaiVanBan" runat="server"></asp:DropDownList></td>
                <td>
                    <asp:Label ID="lbFileDinhKem" runat="server" Text="File đính kèm:"></asp:Label></td>
                <td>
                    <asp:FileUpload ID="flFileDinhKem" runat="server" /></td>

            </tr>
        </table>

 

0 0
Trả lời Báo cáo
Nguyễn Thái Hải đã bình luận 14:29 03-04-2018

Dùng bootstrap chia cột đi là được 

0 0
Trả lời Báo cáo

Câu hỏi mới nhất

Quan tâm
Tag theo dõi