HTML <button> value Attribute

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:

buttonvalue

After clicking the button:

buttonvalue

Supported Browsers: The browser supported by value attribute in button element are listed below:

Apple Safari
Google Chrome
Edge 12
Firefox
Opera
Internet Explorer

HTML <button> value Attribute

Explore