HTML <button> value Attribute

Last Updated : 20 Jul, 2022

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>