» Post: thể hiện dữ liệu được đóng gói theo mảng và bảo mật • Giửi các dữ liệu trong các thể nhập liệu theo mảng. • Mảng dữ liệu: tên/giá trị[r]
(1)(2)Bài 04: Thẻ nhập liệu
Nội dung
» Nhập liệu
» Thẻ Form
» Phương thức Get/Post
» Các thẻ nhập liệu
(3)4.1 Thẻ form
» Thẻ form: Chứa/đóng gói liệu cho thẻ nhập liệu
» Cú pháp:
<form name=“” method=“post/get” action=“URL”> Thẻ</form>
» Chứa thẻ nhập liệu: input, select, textarea, radio…
» Thuộc tính:
• method: Post get định cách truyền liệu • action: thể trang cần thực thi liệu gửi lên
» Sự kiện onSubmit(); => Quá trình gửi liệu
» Hàm submit: Submit(); => thực gửi liệu (tự gọi)
(4)4.1 Thẻ form
<form name=“frm” method=“post” action=“”> First name:
<input type="text" name="fN" /> <br />Last name:
<input type="text" name="lN" /> </form>
(5)4.2 Phương thức thẻ Form
Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY
» Post: thể liệu đóng gói theo mảng bảo mật • Giửi liệu thể nhập liệu theo mảng
• Mảng liệu: tên/giá trị
• Kích thước liệu tối đa 2Gigabyte
» Get liệu đính kèm URL (khơng bảo mật) • gửi liệu theo dạng mảng
(6)4.3 Thẻ thể trường nhập liệu
» Thẻ cho phép người dùng thao tác với giao diện
» Cung cấp liệu gửi phía server
» Thẻ dạng input: nhập liệu dạng
<input type=“loại” name=“tenloai” name=“” value=“”/>
» Type:
o Văn bản: text, password, hidden, file o Chọn phần tử:radio,checkbox
o Lệnh: button,submit, reset
(7)4.3 Thẻ thể trường nhập liệu
Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY
» Cho phép nhập liệu dạng văn theo dịng Thẻ Cơng dụng Ví dụ
Text Nhập liệu dạng text <input type=“text” name=“mytxt” />
Hidden Thẻ ẩn chứa liệu <input type=“hidden” name=“mytxt” />
file Cho phép người dùng tải file <input type=“file” name=“mytxt” />