<form action="1.php" > <input type="text" value="" > <br> <br> <input type="submit" value="Gui" > </form> |
- Kết quả đoạn code trên là :
- Thuộc tính action trong thẻ form để chỉ đường dẫn gửi biểu mẫu.Ở ví dụ trên , nếu mình tạo file 1.php cùng thư mục với file 1.html trên thì khi bấm vào nút Gui sẽ dẫn đến việc trình duyệt web chuyển hướng đến trang 1.php
- Thẻ input mà thuộc tính type có giá trị là text thì có nghĩa là chèn vào 1 khung nhập liệu văn bản (khung này không xuống dòng được) (<input type="text" value="" >)
- Thẻ input mà thuộc tính type có giá trị là submit thì có nghĩa là tạo ra 1 nút gửi biểu mẫu , thuộc tính value dùng để hiển thị nội dung của nút ( <input type="submit" value="Gui" >)
- Xem một ví dụ khác :
<form action="" > <input type="button" value="Nut nhan" > <br> <br> <textarea style='width:400px;height:100px;'></textarea> <br><br> <select> <option>Lua chon 1</option> <option>Lua chon 2</option> <option>Lua chon 3</option> </select> <br><br> <input type="submit" value="Gui" > </form> |
- Kết quả đoạn code trên là :
- Bạn xem giải thích code ở phần chữ xanh phía dưới :
<form action="" > // tạo 1 biểu mẫu với thẻ form <input type="button" value="Nut nhan" > // tạo nút nhấn , khi thẻ input có type là button thì có nghĩa là tạo nút nhấn // thuộc tính value dùng để hiển thị nội dung của nút nhấn <br> <br> <textarea style='width:400px;height:100px;'></textarea> // tạo một khung nhập liệu văn bản bằng thẻ textarea (khung này xuống dòng được) // thuộc tính width , height dùng để xác định chiều rộng và chiều cao của khung nhập liệu <br><br> <select> // tạo một hộp lựa chọn bằng thẻ select <option>Lua chon 1</option> // dùng thẻ option để hiển thị một lựa chọn nào đó , thẻ option nằm trong thẻ select // càng có nhiều thẻ option thì càng có nhiều lựa chọn // nội dung lựa chọn nằm giữa chuỗi <option> và </option> // dòng code này tạo ra 1 lựa chọn có tên là Lua chon 1 <option>Lua chon 2</option> // dòng code này tạo ra 1 lựa chọn có tên là Lua chon 2 <option>Lua chon 3</option> // dòng code này tạo ra 1 lựa chọn có tên là Lua chon 3 </select> <br><br> <input type="submit" value="Gui" > // tạo nút gửi biểu mẫu (nút này có giá trị nội dung là Gui ) </form> // kết thúc biểu mẫu form |
