Link và Form trong PHP

  1. Link:

-Trong html link được đại diện trong thẻ <a></a>.

-Link được chia ra làm 4 trạng thái :

  • Trạng thái ban đầu của link
  • Trạng thái khi rê chuột lên link(hover)
  • Trạng thái khi link được kích hoạt hay khi click chuột lên(active)
  • Trạng thái khi link đã được click chuột(visited)


Ví dụ 1 : Trạng thái ban đầu của link

  • Code:

code_trang_thai_bd

  • Hiển thị :

trang_thai_ban_dau_link

=> Hình ở trên là trạng thái ban đầu của link.Khi bạn click vào link trên tự động sẽ chuyển bạn sang một liên kết đã được định nghĩa trong href.Bạn để ý khi bạn rê chuột lên trên link bạn vẫn ko thấy trạng thái của link thay đổi,để làm được điều này bạn phải dùng CSS để định dạng cho link.Mời bạn xem ví dụ 2 bên dưới

Ví dụ 2 :  Định dạng cho trạng thái hover của link,khi rê chuột vào sẽ đổi màu link

  • Code :

hover_link

=> Đoạn code ở trên định dạng cho trạng thái ban đầu của link có màu đỏ,khi rê chuột vào link sẽ chuyển xang màu xanh.Bạn hãy thử chạy đoạn code xem kết quả như thế nào

-Tương tự bạn cũng định dạng cho trạng thái active và trạng thái visited.Tuy nhiên khi định dạng trong file .css hoặc trong thẻ <style> thứ tự định dạng các trạng thái của link phải như sau :

  • Định dạng cho trạng thái hover phải đứng sau trạng thái link và visited.
  • Định dạng trạng thái active phải đứng sau trạng thái hover.

-Trong thực tế thường người ta sẽ định dạng cho trạng thái link và visited cùng thuộc tính màu như nhau.

Ví dụ 3 : Ứng dụng trạng thái link để làm một menu đơn giản

  • Bước 1: Tạo một table có một hàng và năm cột 
  • Bước 2: Thêm mỗi link cho mỗi cột trong table như hình sau

menu1

  • Bước 3 : Định dạng cho thẻ link theo các yêu cầu sau:
    • Link không có gạch dưới,chữ canh lề ở giữa

dinh_dang_a

    • Link ban đầu có màu xanh lá cây,khi rê chuột sẽ chuyển sang màu đỏ

hover_a

    • Tuy nhiên trong table vẫn còn để viền border ko được đẹp,bạn chỉnh thuộc tính border ở table = 0 sẽ được kết quả như sau:

menu_hoantat

2.Form:

-Form là nơi chứa các component để chứa dữ liệu từ người dùng nhập vào và đưa các giá trị đó về webserver để xử lí.Ví du: form dùng để đăng nhập vào một trang web,form đăng kí thành viên.

-Để truyền dữ liệu về server Form dùng hai phương thức là “POST” và “GET”.Tại sao lại có hai phương thức dùng để truyền dữ liệu xin xem hai ví dụ mẫu dưới đây

Ví dụ 1 : Truyền dữ liệu bằng phương thức “GET”

  • Tạo hai file đặt tên như sau : file1 = index.php ; file2 = xuli.php.File index sẽ là file chứa form và các component để người dùng nhập dữ liệu vào và file xuli.php sẽ tiếp nhận dữ liệu và xử lí dữ liệu đó sau đó sẽ hiển thị cho người dùng xem kết quả họ vừa nhập.
    • index.php

login_formcode_login_form_get

    • xuli.php:
      • Lưu ý : trong form có một thuộc tính là action,thuộc tính này để ta định nghĩa file tiếp nhận và xử lí dữ liệu được truyền đi từ form khi ta nhấn  nút login.
      • Trong PHP cung cấp một số những biến đã được định nghĩa sẵn.Ở đây để lấy dữ liệu từ form về theo phương thức GET ta dùng biến $_GET được hỗ trợ sẵn trong PHP.Khi dữ liệu được truyền về sẽ là một mảng do đó để lấy dữ liệu chính xác ta cần phải ghi chính xác giá trị trong trường name ở form vào biến $_GET.Ở đây ta sẽ lấy giá trị của trường  name và passwd.

code_get_var

=> Quan sát thanh địa chỉ khi ta truyền dữ liệu bằng phương thức GET

dulieu_from_get

=> Ta nhận thấy dữ liệu trong form được đưa lên trên thanh URL.Ta thử chỉnh lại phương thức bằng post và chỉnh file xuli.php là biến $_POST và xem kết quả.

dulieu_from_post

=>Nhận xét : những dữ liệu muốn ẩn và không cho phép người dùng can thiệp vào ta nên dùng phương thức post.Tuy nhiên đây chưa hẳn là phương thức đối với việc an toàn dữ liệu.Để dữ liệu có thể truyền đi an toàn ta cần phải kết hợp thêm một số biện pháp khác.Ngoài ra phương thức GET cũng rất quan trọng và nó có đặc điểm hữu dụng riêng của chính nó.Do đó cần phải xác định khi nào nên dùng GET hoặc POST.

One thought on “Link và Form trong PHP

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s