Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Nhờ các cụ tạo form mẫu trên nền ảnh có sẵn

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi Tùng Thanh Ngô, 20/2/17.

Lượt xem: 3,482

  1. Tùng Thanh Ngô Mới đăng kí

    Có bác nào thành thạo HTML và tạo form làm hộ e cái này được ko ạ, e có cái hình ảnh cardID muốn nhập liệu họ tên và chức danh, sau đó ấn nút LẤY MẪU nó sẽ hiện cái hình cardID đó ra đồng thời có luôn tên và chức danh mà mình đã nhập. Có bác nào giúp e được ko ạ, em cảm ơn rất nhiều.
    P/S: cái hình cardID của a nó đây ạ, e muốn họ tên và chức danh ở ngay giữa

    [​IMG]

    ...
  2. thanhdat5

    thanhdat5 Thành viên cấp 1

    sKrdcVj.png

    nsO0bUS.png

    Code:
    <html>
        <head>
            <title></title>
            <style>
                .form{
                    width:800px;
                    height:445px;
                    margin:20px auto;
                    background-image:url(https://i.imgur.com/WrDMDuV.jpg);
                    background-position:center center;
                    background-repeat:no-repeat;
                    background-size:100%;
                    box-shadow:1px 2px 20px rgba(0,0,0,.4);
                    margin-bottom:30px;
                    clear:both;
                }
                .form-content{
                    width:500px;
                    height:190px;
                    padding:40px;
                }
                .form-group{
                    margin-bottom: 15px;
                }
                label {
                    display: inline-block;
                    max-width: 100%;
                    margin-bottom: 5px;
                    font-weight: 700;
                }
                .form-control {
                    display: block;
                    width: 100%;
                    height: 34px;
                    padding: 6px 12px;
                    font-size: 14px;
                    line-height: 1.42857143;
                    color: #555;
                    background-color: #fff;
                    border: 1px solid #ccc;
                    border-radius: 4px;
                }
                .btn{
                    display: inline-block;
                    padding: 6px 12px;
                    margin-bottom: 0;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 1.42857143;
                    text-align: center;
                    white-space: nowrap;
                    vertical-align: middle;
                    cursor: pointer;
                    border: 1px solid transparent;
                    border-radius: 4px;
                    color: #fff;
                    background-color: #337ab7;
                    border-color: #2e6da4;
                    text-decoration:none;
                }
                .info{
                    width:100%;
                    height:20px;
                    line-height:20px;
                    text-align:center;
                    color:#fff;
                }
                .contact-content{
                    padding-left:310px;
                    padding-top:20px;
                    color:#fff;
                    font-size:16px;
                }
                .profile{
                    text-align:center;
                    font-size:20px;
                    padding-left:150px;
                }
                .profile p{
                    margin-bottom:20px;
                }
            </style>
        </head>
        <body id="top">
            <div class="form" id="frmInitial">
                <div class="form-content">
                    <div class="form-group">
                        <label>Họ và tên</label>
                        <input id="txtName" name="txtName" class="form-control" placeholder="Nhập họ và tên" />
                    </div>
                    <div class="form-group">
                        <label>Chức danh</label>
                        <input id="txtChucDanh" name="txtChucDanh" class="form-control" placeholder="Nhập chức danh" />
                    </div>
                    <div class="form-group">
                        <a href="#frmSuccess" name="btnLayMau" id="btnLayMau" class="btn">LẤY MẪU</a>
                    </div>
                </div>
                <div class="info">&nbsp;Handsomeroot's Blog Connect & Share</div>
                <div class="contact-content">
                    <p style="padding-bottom:30px;">
                        <span>(+84) 978.78.5678</span><span style="padding-left:120px;">Hà Nội, Việt Nam</span>
                    </p>
                    <p><span>xxxxx@gmail.com</span><span style="padding-left:115px;">Handsomeroot.blogspot.com</span></p>
                </div>
            </div>
            <hr>
            <!-- LẤY MẪU -->
            <div class="form" id="frmSuccess">
                <div class="form-content">
                    <div class="profile">
                        <p>
                            <label>Họ và tên</label><br>
                            <strong>HANDSOMEROOT</strong>
                        </p>
                        <p>
                            <label>Chức danh</label><br>
                            <strong>Administrator</strong>
                        </p>
                        <p><a href="#frmInitial" name="btnLayMau" id="btnLayMau" class="btn">QUAY LẠI</a></p>
                    </div>
                </div>
                <div class="info">&nbsp;Handsomeroot's Blog Connect & Share</div>
                <div class="contact-content">
                    <p style="padding-bottom:30px;">
                        <span>(+84) 978.78.5678</span><span style="padding-left:120px;">Hà Nội, Việt Nam</span>
                    </p>
                    <p><span>xxxxx@gmail.com</span><span style="padding-left:115px;">Handsomeroot.blogspot.com</span></p>
                </div>
            </div>
        </body>
    </html>
    Tùng Thanh Ngô thích bài viết này
  3. Tùng Thanh Ngô

    Tùng Thanh Ngô Mới đăng kí

    thanhdat5 dạ e cám ơn cụ nhiều lắm ạ

Ủng hộ diễn đàn