Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Input Gửi giá trị Thuộc tính

Thuộc tính giá trị gửi của Đầu vào HTML DOM được liên kết với phần tử đầu vào có type =”submit” và thuộc tính value. Nó được sử dụng để trả về giá trị của thuộc tính giá trị nút gửi hoặc để đặt nó. Thuộc tính giá trị cho nút gửi thay đổi văn bản được hiển thị trên nút như theo mặc định, văn bản là “Gửi”.

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính giá trị -

submitObject.value = text;

Ở đây, văn bản được sử dụng để chỉ định văn bản được hiển thị trên nút gửi.

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính giá trị gửi đầu vào -

<!DOCTYPE html>
<html>
<body>
<h1>Input submit Value property</h1>
<form style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Loc"> <br><br>
<input type="submit" id="SUBMIT1">
</form>
<p>Change the above element value by clicking the below button</p>
<button onclick="changeValue()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeValue() {
      document.getElementById("SUBMIT1").value="Form_Submit";
      document.getElementById("Sample").innerHTML="The submit button value is changed and the value can be seen on the button itself";
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

HTML DOM Input Gửi giá trị Thuộc tính

Khi nhấp vào nút THAY ĐỔI -

HTML DOM Input Gửi giá trị Thuộc tính