Open In App

HTML <button> value Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

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

Last Updated : 20 Jul, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads