Skip to content
Related Articles

Related Articles

Improve Article
HTML <button> value Attribute
  • Difficulty Level : Basic
  • Last Updated : 16 Feb, 2019

The value attribute for <button> element in HTML is used to specify the initial value of the button element.

Syntax:

<button value = "value">

Example:




<!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
  • Firefox
  • Opera
  • Internet Explorer
My Personal Notes arrow_drop_up
Recommended Articles
Page :