Thuộc tính name của Textarea trong HTML DOM

Thuộc tính name của đối tượng HTMLTextAreaElement dùng để **lấy hoặc đặt** tên của textarea. Tên này được dùng làm **key (khóa)** khi gửi dữ liệu form (application/x-www-form-urlencoded hoặc multipart/form-data). Mỗi textarea trong form nên có name duy nhất.

Cú pháp

// Lấy tên
var name = textarea.name;

// Đặt tên
textarea.name = "ten_moi";

Ví dụ: Đọc và hiển thị thuộc tính name

<!DOCTYPE html>
<html>
<style>
  body { color: #000; background: lightseagreen; height: 100vh; }
  .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 1rem auto; }
  .show { font-size: 1.5rem; margin: 1rem 0; }

<body>
  <h1>Demo: textarea.name</h1>
  <textarea rows="5" cols="40" name="ghiChuNguoiDung">
Nội dung ghi chú...
  </textarea>
  <button onclick="showName()" class="btn">Hiện tên trường</button>
  <div class="show" id="result"></div>
  <script>
    function showName() {
      document.getElementById('result').textContent = "name = '" + document.querySelector("textarea").name + "'";
    }
  </script>
</body>
</html>

Kết quả:

Nhấn nút → Hiển thị: name = 'ghiChuNguoiDung'

Quy tắc đặt name tốt

• Duy nhất trong form (trừ radio/checkbox nhóm).
• Dùng chữ cái, số, gạch dưới: user_message, address_line1.
• Không dùng ký tự đặc biệt, khoảng trắng.
• Ngữ nghĩa: name="bio" tốt hơn name="ta1".
• Backend (PHP, Node, Python...) dùng name để truy xuất: $_POST['bio'], req.body.bio.

Lưu ý

• Nếu không có name, textarea **không gửi dữ liệu** khi submit form.
• Thuộc tính id dùng cho CSS/JS/DOM, name dùng cho submit form — **khác nhau**, có thể trùng giá trị nhưng mục đích khác.
• Đổi name bằng JS sau khi load: form submit sau đó sẽ dùng tên mới.