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,...
Đầ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>
<!-- viết code ở dây -->
</form>Tiếp theo là Form nhập username
</body>
<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>
<input type="text" size="25" />
</form>
</body>
Form nhập password
<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>
<input type="password" size="25" />
</form>
</body>
Form textarea
<body>Với rows="..." là chiều cao, cols="..." là chiều ngang.
<form>
<textarea rows="8" cols="50"></textarea>
</form>
</body>
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>Dạng này thường được dùng chọn ngày tháng năm sinh...v.v
<form>
<select class="standardSelect">
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
</select>
</form>
</body>
Form radio
<body>Dạng này thường được dùng để tạo form lựa chọn giới tính.
<form>
<input type="radio" Name="gender" Value="Nam" />Nam
<input type="radio" Name="gender" Value="Nữ" />Nữ
</form>
</body>
Form checkbox
<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>
<input type="checkbox"/> Tôi đồng ý qui định của website.
</form>
</body>
Form submit
<body>Với value="login" tức là button submit sẽ có tên hiển thị là "login".
<form>
<input type="submit" value="Đăng ký" />
</form>
</body>
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!
