Học HTML/Mẫu đơn (Form)

Đơn là một phần tử HTML dùng để thông tin giữa máy người sử dụng với máy chủ cung cấp dịch vụ qua thẻ lệnh HTML <form></form>. Một Đơn bao gồm nhiều phần tử như hộp chữ, nút, nút chọn, vùng chữ, bảng liệt kê ... Mỗi phần tử của đơn có tên riêng, giá trị và cách khai báo riêng

Khai báo

<form name=Tên action=URL_Address method=get|post>
  phần tử của một đơn
</form>

Danh sách các phần tử của một đơn

Hộp Thoại

Được sử dụng để nhập dữ liệu

Cú pháp

<form>
  <input type="text" name="tên">
</form>

Thí dụ

hộp thoại

Vòng Chọn

Được sử dụng để chọn 1 thuộc tính

Cú pháp

<form>
  <input type="radio" name="ten" value="giá trị khi người dùng chon nó">;
</form>

Thí dụ

Vòng Chọn

Hộp Chọn

Cho phép người dùng chọn nhiều thuộc tính

Cú pháp

<form>
  <input type="checkbox" name="ten" value:"giá trị khi người dùng chon nó">;
</form>

Ví dụ

Hộp Chọn

Vùng Chữ

Một vùng để soạn thảo văn bản

Cú pháp

<form>
  <textarea rows="số dòng" cols="số cột"> Văn bản thể hiện ban đầu </textarea>
</form>

Thí dụ

Nút Chọn

Nút Thường

<form action="">
<input type="button" value="Hello world!">
</form>

Nút Xóa

Khi người dùng nhấn vào nút này thì trình duyệt sẻ khởi tạo lại giá trị ban đầu

<form action="địa chỉ của trang xử lý thông tin" method="phương thức gởi>
  <input type="reset" value="tên của nút">
</form>

Nút Gởi

Khi người dùng nhấn vào nút này thì các giá trị sẻ được chuyển đến trang sử lý

<form action="địa chỉ của trang xử lý thông tin" method="phương thức gởi>
  <input type="submit" value="tên của nút">
</form>

Thí dụ

• Nút Chọn