HTML <4> - Biểu mẫu Form

Biểu mẫu Form 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

. Một Biểu mẫu Form 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 Form có Tên riêng, giá trị và cách khai báo riêng, Tôi xin trình bày tóm tắt về Form từ các nguồn sưu tầm trên mạng để các bạn tham khảo.



Cấu trúc của form

<form name=Tên action=URL_Address method=get|post>
<input type=Loại_Phần_Tử name=Tên value=Giá_Trị>
</form>

trong đó:

Type : Định loại phần tử của đơn
Name : Tên của phần tử
Value : Giá Trị của phần tử

Các phần tử của một đơn

Hộp Thoại

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

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

Nút Chọn

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

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

Hộp Chọn

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

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

Vùng Chữ

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

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

Nút Chọn

Có tất cả 3 loại nút

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>

Bảng Lựa Chọn

<form name=Tên action=URL_Address method=get|post>
<select name=Tên size=1|n >
<option value=Url_1>Miêu Tả 1</option>
<option value=Url_2>Miêu Tả 2</option>
<option value=Url_n>Miêu Tả n</option>
</select>
</form>

Sẽ cập nhật ví dụ về Form cho cá =c bạn trong entry tới.

Share on Facebook Share on Twitter Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.