Tự học JavaScript DOM/Form

Khái Niệm

sửa

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

sửa
<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

sửa

Hộp Thoại

sửa

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

<form>
  <input type="text" name="tên">
</form>
Ví dụ
[1]

Nút Chọn

sửa

Đượ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

sửa

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ử

sửa

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

sửa

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

Nút Thường

sửa
<form action="">
<input type="button" value="Hello world!">
</form>

Nút Xóa

sử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

sửa

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

sửa
<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>