Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính value của thẻ <button> trong HTML


Thuộc tính value của <button> đặt giá trị ban đầu của nút. Giá trị này được gửi khi form submit (nếu nút là submit button) hoặc có thể đọc qua JavaScript.

Cú pháp

<button value="giá_trị">Nội dung nút</button>

Ví dụ: Đọc giá trị value khi click nút

<!DOCTYPE html>
<html>
<body>
  <p>Click nút dưới để xem giá trị value...</p>
  <button id="button1" value="Learning" onclick="demo1()">Get Tutorials</button>
  <button id="button2" value="InterviewAnswers" onclick="demo2()">Get InterviewQA</button>
  <p id="myid"></p>
  <script>
    function demo1() {
      var val1 = document.getElementById("button1").value;
      document.getElementById("myid").innerHTML = val1;
    }
    function demo2() {
      var val1 = document.getElementById("button2").value;
      document.getElementById("myid").innerHTML = val1;
    }
  </script>
</body>
</html>

Khi click "Get Tutorials" hiển thị "Learning", click "Get InterviewQA" hiển thị "InterviewAnswers".