Sự Khác Nhau Giữa Attribute Id, Class Và Name Của Các Tag HTML

Trang chủ » Sự Khác Nhau Giữa Id Và Class Trong Html » Sự Khác Nhau Giữa Attribute Id, Class Và Name Của Các Tag HTML

Có thể bạn quan tâm

Điểm khác nhau giữa id, class và name trong htmlCó lẽ lập trình viên nào khi viết HTML thì cũng sẽ lúng túng không biết khi nào nên sử dụng một trong 3 attribute này, vì công dụng của nó gần giống nhau.

Bài viết này mình sẽ phân biệt công dụng để tránh sự lúng túng mất thời gian này.

Ví dụ điển hình:

<form method='POST' action=''> <input type='text' id='input_user_name' class='input_object' name='user_name'/> <input type='password' id='input_password' class='input_object' name='passowrd'/> <input type='submit' value='Submit'/> </form>

Đây là một ví dụ điển hình cho trường hợp xuất hiện cả 3 attribute trên.

Câu hỏi đặt ra là: Công dụng của các attribute trên là gì? Khi nào cần dùng đến attribute nào?

Điểm giống nhau:

Cả 3 đều dùng để select. Ví dụ:

//javaScript: document.getElementById('input_user_name'); //jQuery:  $("#input_user_name"); //javaScript: document.getElementByClassName('input_object') //jQuery:  $('.input_object') //javaScript: document.getElementByName('user_name'); //jQuery:  $("[name='user_name']");

Điểm khác nhau:

id: Mỗi tag có một id riêng biệt, không được trùng nhau (mặc dù mình vẫn có thể khai báo trùng, nhưng sẽ gặp rắc rối khi sử dụng selector bẳng id trùng đó).

class: Quy định thuộc tính chung cho một nhóm đối tượng, có thể trùng nhau để khai báo các thuộc tính giống nhau.

name: Đó là tên biến đại diện khi gửi request lên server. Ví dụ như muốn lấy giá trị của ‘user_name’ thì đó chính là $_POST[‘user_name’] trong PHP.

Share this:

  • X
  • Facebook
Like Loading...

Related

Từ khóa » Sự Khác Nhau Giữa Id Và Class Trong Html