Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 29 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
29
Dung lượng
2,07 MB
Nội dung
CHƯƠNG 6 THẺ FORM Giảng viên: TRẦN PHI HẢO Email: haovyy@gmail.com Website: www.viethanit.edu.vn Giới thiệu Một biểu mẫu (from) trong HTML bao gồm nhiều thành phần khác nhau Ô nhập văn bản Ô kéo thả Ô danh sách Nút bấm Ô check,… Cú pháp <form> các thể HTML khác </form> Thuộc tính thẻ form Thẻ form có 3 thuộc tính: method, Action, name. Thuộc tính Method có 2 giá trị: xác định dữ liệu được gửi theo phương pháp nào (GET và POST) GET Khi nhập dữ liệu lên máy chủ, các dữ liệu này hiển thị lên ô địa chỉ (address) dưới dạng các cặp tên = giá trị. Nhược điểm tào bộ URL và xâu = giá trị bị giới hạn 255 ký tự (do đặt trưng của trình duyệt) POST Dữ liệu dữ liệu được truyền không bị giới hạn ký tự (do không bị gộp vào ô địa chỉ). Được dùng truyền những kiểu dữ liệu nhạy cảm mà người sử dụng không muốn hiển thị trong ô địa chỉ (mật khẩu). Thuộc tính thẻ form Thuộc tính Action Chỉ định form sẽ gửi dữ liệu đến trang nào Trong trường hợp không có, dữ liệu sẽ gửi về chình trang hiện hành Thuộc tính name Khái báo tên cho form Ví dụ <form action="form_action.aspx" method="get"> First name: <input type="text" name="fname" value="Mickey" /> <br/> Last name: <input type="text" name="lname" value="Mouse" /> <br/> <input type="submit" value="Submit" /> </form> Thẻ Input Cho phép người sử dụng nhập vào dòng văn bản Thuộc tính Name: Được gửi lên máy chủ cùng với giá trị nhập vào Value: Xác định giá trị đặt trước cho thẻ Submit: Sẽ xác định một nút bấm (submit) mà khi kích chuột vào đó, form sẽ tự động kích hoạt và gửi dữ liệu đi text: Hiển thị một ô văn bản cho phép người sử dụng nhập văn bản password: Hiển thị ô văn bản để nhập password. Thẻ Input <form method="POST"> <p> User Name: <input type="text" name="T1" size="20"> </p> <p> Password: <input type="password" name="T2" size="20"> <input type="submit" value="Login" name="B1"> </p> </form> Ví dụ Nhập khối văn bản Thẻ textarea: <textarea> Giá trị mặc định của khối văn bản </textarea> <html> <body> <textarea rows="10" cols="30"> The cat was playing in the garden. </textarea> </body> </html> Ví dụ Thẻ tạo hộp chọn xổ xuống <select> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value ="opel">Opel</option> <option value ="audi">Audi</option> </select> Danh sách sổ xuống là một ô danh sách cho phép bạn kích chọn 1 mục trong danh sách sẵn có. Ví dụ Thẻ tạo hộp chọn xổ xuống <select> <optgroup label=“Hyundai Cars"> <option value =“Sonata"> Sonata </option> <option value =“Avante"> Avante </option> </optgroup> <optgroup label=“Samsung Cars"> <option value =“SM5"> SM5 </option> <option value =“SM7"> SM7 </option> </optgroup> </select> Ví dụ . 4 < ;HTML& gt; <FRAMESET ROWS="1*,2*,3*" FRAMEBORDER="1"> <FRAME SRC="top .html& quot;> <FRAME SRC="middle .html& quot;> <FRAME SRC="bottom .html& quot;> </FRAMESET> < /HTML& gt; > . Frameset Ví dụ 1 < ;HTML& gt; <FRAMESET COLS=“20%,30%,50%” FRAMEBORDER=“1”> <FRAME SRC=“”> <FRAME SRC=“”> <FRAME SRC=“”> </FRAMESET> < /HTML& gt; < ;HTML& gt; <FRAMESET. value="Airplane" /> </form> </body> < /html& gt; Ví dụ Thẻ lựa chọn radio Cho phép chỉ được phép kích chọn 1 trong các nút đó < ;html > <head> <title> Form Radio</title> </head> <body> <form