Thuộc tính name của <button> trong HTML

Giới thiệu

Thuộc tính name của phần tử <button> dùng để đặt tên cho nút bấm. Nhiều nút có thể chia sẻ cùng một tên, nhưng giá trị gửi đi (value) có thể khác nhau, cho phép phía server phân biệt nút nào được nhấn.

Cú pháp

<button name="ten_nut"></button>

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <form action="" method="get">
    Lấy chi tiết nhân viên:<br><br>
    <button name="details" type="submit" value="addr">Địa chỉ</button>
    <button name="details" type="submit" value="ph">Điện thoại</button>
    <button name="details" type="submit" value="appraisal">Đánh giá %</button>
  </form>
</body>
</html>

Kết quả hiển thị

Ba nút cùng tên name="details" nhưng giá trị value khác nhau. Khi submit, server nhận được cặp details=addr, details=ph hoặc details=appraisal tùy nút được nhấn.

<button name="details" type="submit" value="addr">Địa chỉ</button>
<button name="details" type="submit" value="ph">Điện thoại</button>
<button name="details" type="submit" value="appraisal">Đánh giá %</button>