Tìm hiểu về Form pot

Tìm hiểu về Form
 Forms cung cấp một bộ máy cho phép người sử dụng nhập thông tin vào
trong một trang web.

 Thông tin được nhập vào có thể được gửi đến server, nơi nhập dữ liệu, xử lý
và gửi lại dữ liệu cho client.

 Sự phản hồi từ server có thể gồm thông tin trên web, dữ liệu được thêm vào
database,…


Đặc điểm của form:
Form là một thành phần của trang web.
Các đối tượng thể hiện của form:
 TextField
 Textarea
 Button
 Radiobutton
 Checkbox
 List/menu
Các thuộc tính của form:
- Một form được tạo bởi <form> </form>
- ID: là id duy nhất của form.
- Name: tên độc duy nhất của form.
- Action: url để gửi dữ liệu lên server.
- Methoad: phương thức http để gửi ở đây là post hay get.
Ví dụ:
<form id=”order” method=”post”
action=
Các phần tử trong form:
1. Input: định nghĩa một điều khiển form cho người sử dụng nhập dữ liệu vào.

- Các phần tử input khác nhau được hiển thị dựa trên loại thuộc tính (button,
checkbox, radio, file, hidden, image, password, reset, submit, text).
Ví dụ:
<input type=”text” name=”n” />
<input type=”password” name=”p” />
<input type=”reset” name=”s” />
<input type=”submit” value=”OK” name=”ok” />
<input type=”radio” name=”sex” value=”male” />
<input type=”checkbox” name=”ok” value=”ok” />
2. Select: định nghĩa một điều khiển form cho lựa chọn từ một danh sách (size,
multiple).
Ví dụ:
<select size=”5”>
<option value=”php”>PHP</option>
<option value=”html”>HTML</option>
</select>
3. Action: khi muốn lấy giá trị từ form đưa về trang nào thì trong action ta
nhập vào trang đó.
Ví dụ:
<form action=”xuly.php” method=”post” name=”form1”>

</form>
Chú ý: trang này là bắt buộc phải là .php
4. Method: là hình thức chuyển giá trị trên form đến trang action và có 2 giá
trị:
- POST: chuyển giá trị đến trang action và nhận giá trị ta dùng biến $_POST
hoặc $_REQUEST.
- GET: chuyển giá trị đến trang action và nhận giá trị ta dùng biến $_POST
hoặc $_REQUEST.

5. Textfield: dùng để nhập và hiển dữ liệu và có 3 loại sau
- Single line: nhập và hiển thị trên một dòng văn bản.
- Multi line: nhập và hiển thị trên nhiều dòng văn bản.
- Password: hiển thị dấu * thay cho kí tự.

6. Textarea: dùng để nhập và hiển thị dữ liệu dang multi line
- Num line: số dòng văn bản hiển thị
- Wrap: tăng số dòng văn bản vượt quá num line
Ví dụ:
<textarea rows="4" cols="50">
Lập tình web.
</textarea>
7. Button: dùng để tạo ra các nút như submit, reset, :
- Button submit: khi ta nhấn vào nút này dữ liệu trên form sẽ gửi về server.
- Button reset: khi nhấn vào nút này các đối tượng trên form sẽ reset.
- Button: khi nhấn vào nút này sẽ gọi một kịch bản (Javascript).
Ví dụ:
<button type="button">Click Me!</button>
8. Checkbox: là một đối tượng có hai trạng thái on/off
- Trên form có nhiều checkbox, đồng thời ta có thể chọn nhiều checkbox.
Ví dụ:
<input type=”checkbox” name=”ok” value=”ok” />
9. Radiobutton/radiogroup:
- Radio là một đối tượng có hai trạng thái on/off.
- Trên form có nhiều radio, các radio cùng nhóm có cùng name.
- Chỉ có thể chọn một radio trên nhóm.
Ví dụ:
<input type=”radio” name=”sex” value=”male” />
10. List/menu:
- Là danh sách nhiều mục chọn.

- Có thể chọn một hoặc nhiều mục chọn.
- Muốn chọn nhiều mục chọn thì thuộc tính "Selectons Allow Multiple" .

11. Filefield: Đối tượng này cho phép người dùng chọn một file để xem xét các
thuộc tính hoặc upload,…

12. Output: đại diện cho kết quả của phép tính (giống như được thực hiện bởi
script).
Ví dụ:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>

13. Keygen: xác định một cặp trường khóa chính sử dụng cho <form>
Ví dụ:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit">
</form>

Form sử dụng phương thức POST:

 Đặc điểm:
- Biến $_POST được dùng để lấy các giá trị trên form thông qua phương thức
POST.
- Thông tin được gửi từ form với phương thức này không giới hạn dung
lượng thông tin gửi đi.

- Thông tin được gửi bằng phương thức POST sẽ không hiện thị lên địa chỉ
URL nên người dùng không thể thấy được.

 Cách sử dụng:
- Cú pháp lấy giá trị của một đối tượng trên form sau khi form submit:
$_POST['tên điều khiển'];

Form sử dụng phương thức GET:

 Đặc điểm:
 Biến $_GET được dùng để lấy giá trị trên form bằng phương thức
GET. Thông tin gửi qua không vượt quá 100 ký tự
 Thông tin được gửi đi bằng phương thức GET sẽ hiển thị trên địa chỉ
URL nên người dùng có thể thấy được các thông tin này.
 Cách sử dụng:
 Cú pháp lấy giá trị trên form bằng phương thức GET như sau:
$_GET["Tên điều khiển"];