Ngời biên soạn HTML có thể tạo ra các HTML Form để tơng tác với những ngời đọc tài liệu của họ chẳng hạn nh cho phép ngời đọc nhập vào dữ liệu để chạy một chơng trình CGI, ghi vào các nhận xét về trang Web đó... Các HTML Form có thể có các hộp văn bản, hộp danh sách lựa chọn, nút bấm, nút chọn...
10.2. Tạo Form
Để tạo ra một form trong tài liệu HTML, chúng ta sử dụng thẻ FORM với cú pháp nh sau:
Cú pháp:
<FORM
ACTION = ulr
METHOD = GET | POST
NAME = name
TARGET = frame_name | _blank | _self >
<!-- Các phần tử điều khiển của form đợc đặt ở đây --> <INPUT ...>
<INPUT ...>
</FORM>
Trong đó
ACTION Địa chỉ sẽ gửi dữ liệu tới khi form đợc submit (có thể là địa chỉ tới một chơng trình CGI, một trang ASP...).
METHOD Phơng thức gửi dữ liệu.
NAME Tên của form.
TARGET Chỉ định cửa sổ sẽ hiển thị kết quả sau khi gửi dữ liệu từ form đến server.
Đặt các đối tợng điểu khiển (nh hộp văn bản, ô kiểm tra, nút bấm...) vào trang Web Cú pháp thẻ INPUT:
<INPUT
ALIGN = LEFT | CENTER | RIGHT
TYPE = BUTTON | CHECKBOX | FILE | IMAGE | PASSWORD | RADIO | RESET | SUBMIT | TEXT
VALUE = value >
Ví dụ 10.1:
<HTML>
<HEAD><TITLE>HTML Forms</TITLE></HEAD> <BODY BGCOLOR="BEIGE">
<P>Bạn hãy nhập vào các thông tin cá nhân:</P>
<FORM METHOD="POST" ACTION="http://www.cse.com.vn/scripts"> Họ và tên <INPUT TYPE="TEXT" SIZE="30"><BR>
Nam <INPUT TYPE="RADIO" VALUE="nam" NAME="gioitinh" CHECKED> Nữ <INPUT TYPE="RADIO" VALUE="nu" NAME="gioitinh"><BR>
Địa chỉ <INPUT TYPE="TEXT" SIZE="30"><BR><BR> <INPUT TYPE="SUBMIT" VALUE="Đăng ký">
</FORM> </BODY> </HTML>
Ví dụ 10.2:
<HTML> <HEAD>
<TITLE>HTML Forms</TITLE> <BODY>
<FORM METHOD="POST"
ACTION="http://www.cse.com.vn/scripts/auth.asp"> <P>
Tên NSD <INPUT TYPE="TEXT" SIZE="30"><BR> Mật khẩu <INPUT TYPE="PASSWORD" SIZE="20"> </P>
<INPUT TYPE="SUBMIT" VALUE="Đăng nhập"> </FORM>
</BODY> </HTML>
Khi duyệt có kết quả:
10.4. Tạo một danh sách lựa chọn
Cú pháp:
<OPTIONVALUE=value1 SELECTED> Tên mục chọn thứ nhất <OPTIONVALUE=value2> Tên mục chọn thứ hai
<!-- Danh sách các mục chọn --> </SELECT>
Ví dụ 10.3:
<HTML> <HEAD>
<TITLE>Danh sách lựa chọn</TITLE> </HEAD>
<BODY>
<P>Thông tin:</P> <SELECT>
<OPTION VALUE="1" SELECTED>Thời tiết <OPTION VALUE="2">Truyền hình <OPTION VALUE="3">Thị trờng <OPTION VALUE="4">Thời sự QT </SELECT> </BODY> </HTML>
10.5. Tạo hộp soạn thảo văn bản Cú pháp: <TEXTAREA COLS=số cột ROWS=số hàng NAME=tên >
Văn bản ban đầu
</TEXTAREA>
Ví dụ 10.4:
<HTML> <HEAD>
<TITLE>Hộp soạn thảo</TITLE> </HEAD>
<BODY>
<P >Nhận xét:</P>
<TEXTAREA COLS="30" ROWS="5" NAME="nx"> </TEXTAREA>
</BODY> </HTML>
Phụ lục Bảng mã và tên gọi trong HTML của một số ký tự đặc biệt