資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時裝學
法律研究HTML
<button> 元素的 value 屬性用於設定按鈕的初始值。可在 <form> 中進行設定。此處，我們將演示不使用表單的示例。
以下是語法 −
<button value="value">
上述程式碼中，value 是初始值。
現在讓我們看一個示例，在 <button> 中實現 value 屬性 −
示例
<!DOCTYPE html>
<html>
<body>
<p>Click below to get details about the learning content...</p></br></br>
<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>初始時，將生成以下輸出 −
當單擊“獲取教程”按鈕時，輸出如下 −
當單擊“獲取 InterviewQA”按鈕時，輸出如下 −
在以上示例中，我們建立了 JavaScript 函式，用於將值獲取為變數。其中之一是 demo1()
function demo1() {
var val1 = document.getElementById("button1").value;
document.getElementById("myid").innerHTML = val1;
}上述結果將顯示在單擊按鈕時。onclick 屬性設定為呼叫上述函式 demo1() −
<button id = "button1" value = "Learning" onclick = "demo1()"> Get Tutorials </button>
更新於: 30-Jul-2019
620 次瀏覽
廣告