[Tự Học HTML] Bài 5: Form và Input (P2)

4. Các thành phần của thẻ Form (Tiếp)

b. Thẻ <TextArea> ( vùng văn  bản):

Thẻ này tạo ra điều khiển nhập văn bản trên nhiều dòng ( khác với textbox chỉ có 1 dòng).
Khi tạo vùng văn bản ta cần chú ý kích thước, số cột, số dòng của vùng.
Thuộc tính: 

• name: tên của vùng văn bản.
• rows: số hàng của vùng văn bản
• cols:  chiều rộng hiển thị của vùng văn bản

Ngoài ra còn có một số thuộc tính tùy chọn khác như:

• disabled="disabled" xác định vùng văn bản không hiển thị.
• readonly="readonly" xác định vùng văn bản chỉ được đọc.

Ví dụ:
Mã HTML

Trình duyệt hiển thị

c. Select (Lựa chọn):

Hình1:  Select trong 1 form đăng ký.

Theo hình 1 ta thấy phần tử dùng để hiển thị danh sách gồm các phần tử mà người dùng có thể lựa chọn.
Cú pháp:

Thuộc tính:

• Name: Tên của danh sách lựa chọn
• Size:  Số tùy chọn có thể thấy trong danh sách lựa chọn ( số option trong select)
• Multiple: Hiển thị nhiều tùy chọn nếu thiết lập multiple="multiple"
• Disable: Thuộc tính này sẽ làm cho danh sách thả xuống không hiển thị nếu thiết lập disabled="disabled"

Ví dụ:

Tạo một Form lựa chọn các dịch vụ của OSVN Company Limited bao gồm:

• Website giá rẻ
• Thiet ke giao dien web
• Thiet ke web bat dong san
• Thiết kế web bán hàng
• Thiết kế web giáo dục

Sử dụng các thuộc tính name, multiple, disabled.

Bài tập thực hành:

Thiết kế một Form đăng ký Diễn đàn có sử dụng tất cả các thẻ đã học trong Bài 5: Form và Input cả phần 1 và phần 2 bao gồm:

User Name,Password,Quê quán,Năm sinh, Giới tính ( sử dụng radio), Nghề nghiệp, Thông tin khác tự giới thiệu bản thân (textarea), Số điện thoại, Địa chỉ Email.

Bài tiếp theo chúng ta sẽ cùng tìm hiểu về thẻ DIV  và thẻ SPAN trong HTML