Tự học JavaScript DOM/Form

Khái Niệm

Đơ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

Cấu trúc

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

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>

Ví dụ

[1]

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>

Ví dụ

[2]

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í dụ

[3]

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>

ví dụ [4]

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>