Bên cạnh việc chèn css vào Html, tạo menu. Form đăng ký là phần bạn cần phải biết làm trong Html cơ bản. Form đăng ký là một phần cực quan trọng của web. Việc hiểu và làm được nó sẽ giúp bạn dễ dàng hơn cho việc làm web sau này. Ít nhất không cần phải hỏi nó là gì, ở đâu và tại sao?
1. Ra đồng phải có công cụ
Chúng ta thường thích vượt rào. Vượt rào tuy có nhiều cảm giác thích thú nhưng thường để lại nổi đau. Nên đừng gắp, thay vì đi vào giới thiệu hết các phần từ tạo Form thì chúng ta sẽ đi tìm nhiều từng phần tử 1. Khi có trong tay đầy đủ công cụ, có binh hùng tướng mạnh thì vượt sông vượt biển còn được nói gì vượt rào
2. Phần tử Form ông trùm của mọi Form trong Html
Form là phần tử bao bọc toàn bộ các nội dung có Form. Và trong Html mọi form đăng ký điều phải bắt đầu bằng thẻ <form> và kết thúc bằng thẻ </form>
Thường ông trùm ít khi xuất hiện (trừ khi bạn cho nó các thuộc tính Css ) nhưng nếu không có ông trùm thì xã đoàn sẽ loạn, như rắn không đầu, xác không hồn, không hoạt động được.
3. Thuộc tính trong phần tử Form
Thuộc tính của phần tử tạo nên nét đặc trưng của phần tử so với các phần tử khác, từ việc nhận dạng đến các chức năng.
Và với phần tử Form cũng vậy. Chính các thuộc tính đó góp phần tạo nên vai trong đặc biệt của phần tử Form trong việc tạo Form đăng ký
Ta có nhiều thuộc tính như: Target, novalidate, enctype, autocomplete, accept-charset, name, action và method. Nhưng ta cần chú ý đến thuộc tính action và method trước nhất. Vì đó là 2 thuộc tính quan trọng cần có của 1 form.
a. Thuộc tính action
Có bao giờ bạn tự hỏi, nếu bạn tạo ra 1 cái khung đăng ký, người khác nhập dữ liệu vào rồi nhấn nút submit thì dữ liệu đó sẽ đi đâu về đâu không?
Và action sẽ là thuộc tính quy đinh cái nơi mà các dữ liệu cập bếp, được kiểm tra và lưu vào một kho lưu trữ (Mysql)
Thuộc tính action thường có dạng
<form action=” X.php ”>
…….
</form>
Trong đó X.php là 1 file php để xử lý dữ liệu từ khung của bạn.
b. Thuộc tính method
Nói dễ hiểu nhất thuộc tính method quy định cách thức cái mới thông tin kia được chuyển đi theo diện nào. Ở đây có 2 diện là:
- Gửi đi công khai, không giấu diếm (Get). Ha
- Đi có vệ sĩ bảo vệ, người bình thường khó có thể tiếp cận và thấy mặt (Post)
Và Get và Port cũng chính là 2 phương thức chính trong Form. (Mặc định sẽ là Get)
Thuộc tính method được viết dưới dạng
<form action=’’ X.php’’ method=” Get/Post ”>
…….
</form>
Tất nhiên như đã nói phần tử Form không chỉ có 2 thuộc tính action và method. Nhưng mục tiêu bài này là mình muốn chúng ta nhớ rằng
- Khi nhắc đến khung nhập liệu là nhắc đến phần tử Form, linh hồn của mọi Form
- Khi nhắc đến phần tử Form làm phải nhớ đến 2 thằng em ruột thịt của nó là thuộc tính method( các chuyển thông tin đi) và action( nơi tiếp tiếp nhận và xử lý thông tin).
Hi vọng bài viết hữu ích với bạn!