Session 04 Final Sua

Sử dụng biểu mẫu và khung

Chương 4

Mục tiêu
 Sử dụng biểu mẫu và các phần tử nhập
thông thường trong HTML
 Sử dụng khung

Web Page Programming with HTML,DHTML & JavaScript/Session 4/ 2 of 18

Giới thiệu biểu mẫu
 Sử dụng biểu mẫu
 Thu thập tên, địa chỉ, số điện thoại, địa chỉ e-mail
và các thông tin khác để người dùng đăng ký vào
một dịch vụ nào đó
 Tập hợp thông tin dùng để đăng ký mua một mặt
hàng nào đó, ví dụ, khi muốn mua một cuốn sách
trên Internet, ta phải điền tên, địa chỉ gửi thư qua
bưu điện, phương thức thanh toán và các thông
tin liên quan...


Ví dụ một biểu mẫu


Sử dụng biểu mẫu
 Phần tử FORM
<FORM> … </FORM>
 Các thuộc tính của FORM
 ACCEPT

 ACTION

 METHOD


Thuộc tính các phần tử nhập
HTML
 Phần tử INPUT
 TYPE

 NAME

 VALUE

 SIZE

 MAXLENGTH

 CHECKED

 SRC


Input – Các kiểu TYPE
 TEXT [ Default ]
 CHECKBOX
 RADIO
 SUBMIT
 RESET
 IMAGE
 BUTTON


Các phần tử nhập khác -1
 Phần tử TextArea
 cols

 rows

 Size

 type

 Value

 Phần tử BUTTON
 name

 value

 type


Các phần tử nhập khác -2
 Phần tử SELECT
 Name

 size

 Multiple

 Phần tử LABEL


Tạo biểu mẫu
 Điều khiển các phần tử
 Thiết lập tiêu điểm

 Thứ tự Tab

 Phím truy nhập (phím tắt)

 Vô hiệu hóa phần tử


Khung
 Khung chia một cửa sổ trình duyệt thành nhiều
vùng riêng biệt, mà mỗi vùng có thể hiển thị
một trang riêng biệt có thể cuốn được

 Ví dụ, ta có thể sử dụng ba khung trong trang
Web, một làm biểu ngữ (banner), một làm
menu điều hướng và một để hiển thị dữ liệu


Sử dụng khung
 Hiển thị một biểu tượng (logo) hoặc thông tin
tĩnh trên một vị trị cố định trên trang Web
 Người dùng có thể kích vào và di chuyển quanh
web site mà không cần phải liên tục quay lại
trang nội dung
 Nhiều cách hiển thị (Multiple views)


Phần tử FRAMESET
 Khung được tạo ra bằng cách sử
dụng thẻ FRAMESET
 Các thuộc tính bao gồm :
 Rows

 Cols


Phần tử FRAME
 Các thuộc tính của FRAME bao gồm :
 name

 src

 noresize

 scrolling

 frameborder

 marginwidth

 marginheight


Khung lồng
<HTML>
<HEAD>
<TITLE>Nested Frames</TITLE>
</HEAD>
<FRAMESET cols="33%, 33%, 34%">
<FRAME src = "flowers.jpg">
<FRAMESET rows="40%, 50%">
<FRAME src = "x.html">
<FRAME src = "y.html">
</FRAMESET>
<FRAME src = "flowers.jpg">
</FRAMESET>
</HTML>


Kết quả


Phần tử NOFRAMES
<HTML>
<FRAMESET COLS=”40%,60%”>
<FRAME SRC=”Flowers.jpg” NAME=”Flowers” SCROLLING=yes>
<FRAMESET ROWS=”60,*”>
<FRAME SRC=”x.html” NAME=”x” SCROLLING=no
FRAMEBORDER=no>
<FRAME SRC=”y.html” NAME=”y”>
<NOFRAMES>
Frames are not being displayed. Click here <A
href=”main.htm”>for a non-frames version</A>
</NOFRAMES>
</FRAMESET>
</FRAMESET>
</HTML>


Khung trên dòng (IFRAME )
 Thuộc tính
 Name

 Width

 Height


Session 04 Final Sua

More Related Content

Similar to Session 04 Final Sua (20)

More from SamQuiDaiBo (20)

Session 04 Final Sua