Chức năng: Tạo form tương tác giữa người dùng và trang web
Ngôn ngữ: html - Nhóm: form
CÚ PHÁP<FORM>...</FORM>
ACTION=URI (Địa chỉ nhận form)
METHOD=[ get | post ] (Phương thức gửi form)
ENCTYPE=ContentType (Kiểu nội dung của form)
ACCEPT-CHARSET=Charsets (Kiểu chatset được lựa chọn)
TARGET=FrameTarget (frame được chọn để gửi form)
ONSUBMIT=Script (Hành vi khi gửi form)
ONRESET=Script (Hành vi khi reset form)
THUỘC TÍNH ĐẶC BIỆT
Tag:FORM được sử dụng để tạo một bản tương tác thông tin giữa người sử dụng với webserver.
Sử dụng các tag khác bên trong Tag:FORM tùy theo kiểu thông tin khác nhau.
Khi gửi form, người dùng nhấp lên nút submit ( [button type=submit] / [input type=submit]) được định nghĩa bên trong form, các thông tin được gửi đến một địa chỉ URL định nghĩa trong thuộc tính ACTION (thường là các script như PHP, ASP,... CGI script hoặc Java servlet) để xữ lý.
ACTION: Địa chỉ của script nhận thông tin.
METHOD: Phương thức gửi thông tin, mặc định là Get nếu không được định nghĩa. Nếu phương thức là GET, trình duyệt gửi một yêu cầu xử lý thông tin đến server, chuổi thông tin yêu cầu xử lý khoảng 100 ký tự ASCII, nếu không nằm trong bảng mã này, ký tự được chuyển đổi về chuẩn URI. Nếu là POST, trình duyệt gửi thông tin đến server.
ENCTYPE: Kiểu nội dung của form.
TARGET: Frame hoặc đích được chọn để gửi thông tin: _blank: Gửi trong một trang mới, _parent: Gửi đến trang đang chứa trang đó, _top: Gửi đến một trang mới đầy đủ, không chứa frame, _self: mặc định nếu không được định nghĩa.
ONSUBMIT: Đoạn script thực thi khi form được gửi.
ONRESET: Đoạn script thực thi khi form được trả về các giá trị mặc định.
VÍ DỤ
<form action="index.php" <!-- Gửi đến file index.php-->
enctype="multipart/form-data" <!-- Kiểu gửi đa dữ liệu -->
method="post" <!-- Cách thức gửi : post -->
name="tencuaform" <!-- Định danh của form -->
target="_blank" <!-- Gửi form trong một khung mới-->
onSubmit="return Checkform()" <!-- Khi gửi quay trở lại kiểm tra form-->
onReset="return Loadagain()" <!-- Khi reset thì nạp dữ liệu trở lại-->
</form>
VÍ DỤ
<form name="testform" action=""
method="get"
target="_blank"
enctype="multipart/form-data"
onSubmit="">
<input type="hidden" name="hidden" value="khonghienthi">
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right">NAME: </td>
<td><input type="text" name="name" size="27" value=""></td>
</tr>
<tr>
<td align="right">EMAIL:</td>
<td><input type="text" name="email" size="27" value="">
<select name="contry">
<optgroup label="Châu Á"></optgroup>
<option value="vietnam">Việt Nam</option>
<option value="china">Trung Quốc</option>
<optgroup label="Châu Âu"></optgroup>
<option value="english">Anh</option>
<option value="france">Pháp</option>
</select>
</td>
</tr>
<tr>
<td align="right"></td>
<td><input type="radio" name="gt" value="male" checked> Male
<input type="radio" name="gt" value="fmale"> Female
</td>
</tr>
<tr>
<td align="right" valign="top">CONTENT:</td>
<td><textarea name="content" cols="30" rows="3"></textarea></td>
</tr>
<tr>
<td colspan="2" align="center" valign="top"><input type="submit" value=" Send ">
<input type="reset" value="Reset">
</td>
</tr>
</table>
</form>
KẾT QUẢ