The value attribute for <button> element in HTML is used to specify the initial value of the button element.
Syntax:
<button value = "value">
Example:
html
<!DOCTYPE html><html>
<head>
<title>HTML button value Attribute</title>
</head>
<body style = "text-align:center">
<h1 style = "color:green;">
GeeksforGeeks
</h1>
<h2>
HTML button value Attribute
</h2>
<button id="btn" value="GeeksforGeeks" onclick="geek()">
Click me!</button>
<p id="g"></p>
<script>
function geek() {
var x = document.getElementById("btn").value;
document.getElementById("g").innerHTML = x;
}
</script>
</body>
</html>
|
Output:
Before clicking the button:
After clicking the button:
Supported Browsers: The browser supported by value attribute in button element are listed below:
- Apple Safari
- Google Chrome
- Edge 12
- Firefox
- Opera
- Internet Explorer