Thứ Bảy

Form và trường nhập liệu.



Để tạo ra một trường text cho người dùng nhập vào ta dùng thẻ <input> 
Ví dụ: Đoạn code dưới đây sẽ tạo ra một ô text để người dùng nhập dữ liệu vào.

<input type="text"  />


Để người dùng có thể nhập dữ liệu dạng password thì bạn cần thay đối type của thẻ <input> thành password.
Ví dụ: 

<input type="password"  />


Để tạo ra một form chuẩn bạn cần dùng đến thẻ <form></form>. Bên trong của thẻ này là các thẻ sẽ tạo ra các phần tử của form. 
Bảng sau đây liệt kê một số thẻ thường dùng trong việc xây dựng form.
Tên thẻ
Mô Tả
<form>
Kiểu form để nhập thông tin cũng là khai báo tạo ra một form
<input>
Tạo ra một thành phần của form. Có thể là một nút, một textbox, một checkbox hay một radio.
<textarea>
Tạo 1 vùng nhập liệu rộng. 
<label>
Tạo ra một nhãn
<fieldset>
Nhóm các vùng nhập với nhau
<legend>
nhản của 1 fieldset
<select>
Tạo ra danh sách dạng sổ xuống
<optgroup>
nhóm các phần tử trong danh sách sổ xuống
<option>
1 phần tử trong danh sách sổ xuống
<button>
Tạo nút bấm.

Ví dụ sau tạo ra một form cho người dùng nhập vào username và passqord.

<form name="myForm">
Username:
<input type="text" name="user">
<br>
Password:
<input type="password" name="pass">
</form> 


Nút radio
Nút radio có đặc điểm là trong một thời điểm người dùng chỉ có thể chọn 1 trong các lựa chọn được đặt ra.
Cú pháp tạo ra một nút radio như sau: 

Giới tính:
Nam: <input type="radio" name="gioitinh" value="nam" />
Nữ: <input type="radio" name="gioitinh" value="nu" />


Trong ví dụ trên bạn chỉ có thể chọn 1 trong hai lựa chọn Nam hoặc Nữ. Đó chính đặc điểm chính của thẻ radio

Hộp kiểm. Trong trường hợp bạn muốn cho người dùng có nhiều lựa chọn. Điều này có nghĩa bạn đang cần đến nút checkbox. Nút checkbox có tác dụng cung cấp cho người dùng nhiều lựa chọn hơn nút radio. Tức là trong cùng một thời điểm bạn có thể có nhiều lựa chọn hoặc không lựa chọn.

Cú pháp để tạo một nút chekbox như sau: 

Nút check 1: <input type="checkbox"  />
Nút check 2: <input type="checkbox" />


Theo hotrolaptrinh

Không có nhận xét nào:

Đăng nhận xét

 

Blogger news

Blogroll

About