Hướng dẫn tạo biểu mẫu cho trang web (bài 4)

Chào các bạn, hơm nay Minh Dũ xin hướng dẫn cho các bạn cách tạo ra một biểu mẫu cho trang web. Thường thì biểu mẫu chúng ta tao ra để làm trang đăng ký thành viên, trang liên hệ, đăng nhập,...

để tạo một biểu mẫu đầu tiên chúng ta mở Dw lên nhé! chúng ta bắt đầu tạo 1 trang mới. ví dụ ở đây Minh Dũ sẻ tạo ra một trang đăng ký thành viên dangky.html

chúng ta bắt đầu chèn form vào ở chế độ design để cộng việc thiết kế web của mình sẻ nhanh hơn thay vì mình sẻ viết từng đoạn code nhé.
Đầu tiên chúng ta cần phải khai báo thẻ Form vào trong trang dangky.html của mình.

<body>
<form>

</form>
</body>

Tiếp theo là Form nhập username

<body>
        <form>
   <input type="text" size="25" />
        </form>
    </body>

Với type="text" là nhập các kí tự từ bàn phím, size="25" là độ dài khung bằng 25.

Form nhập password

<body>
        <form>
   <input type="password" size="25" />
        </form>
    </body>

Với type="password" là các kí tự sẽ được thay thế bằng ***, size="25" là độ dài khung bằng 25.

Form textarea

<body>
        <form>
   <textarea rows="8" cols="50"></textarea>
        </form>
</body>

Với rows="..." là chiều cao, cols="..." là chiều ngang.
Dạng form textarea này chúng ta có thể nhập đoạn văn dài vào đây.
Thường được dùng để tạo khung comment hoặc là khung đóng góp ý kiến.

Form select, option

<body>
        <form>
         <select class="standardSelect">
                    <option>1990</option>
                    <option>1991</option>
                    <option>1992</option>
                    <option>1993</option>
                    <option>1994</option>
                </select>
        </form>
    </body>

Dạng này thường được dùng chọn ngày tháng năm sinh...v.v

Form radio

<body>
        <form>
         <input type="radio" Name="gender" Value="Nam" />Nam
                <input type="radio" Name="gender" Value="Nữ" />Nữ
        </form>
</body>

Dạng này thường được dùng để tạo form lựa chọn giới tính.

Form checkbox

<body>
        <form>
         <input type="checkbox"/> Tôi đồng ý qui định của website.
        </form>
</body>

Dạng này chúng ta có thể check nhiều lựa chọn cùng lúc. Khác với form radio chỉ chọn được 1.

Form submit

<body>
        <form>
     <input type="submit" value="Đăng ký" />
        </form>
</body>

Với value="login" tức là button submit sẽ có tên hiển thị là "login".

Lời kết : Kết thúc bài hôm nay Minh Dũ nghĩ rằng bạn đã có thể nắm rõ cách tạo form đăng ký bằng ngôn ngữ HTML là như thế nào, việc nắm được những cú pháp cũng như các tag HTML tạo form như trên giúp bạn khi gặp những form phức tạp cũng cảm thấy nhẹ nhàng hơn.

Chúc bạn thành công!

Minh Dũ Blog

Hướng dẫn tạo biểu mẫu cho trang web (bài 4)

Tác giả : Phuong Thảo

Chia Sẻ

2 nhận xét

Minh Dũ Blog

Hướng dẫn tạo biểu mẫu cho trang web (bài 4)

Tác giả : Phuong Thảo

Chia Sẻ

Bài viết liên quan

2 nhận xét