Skip to content
Related Articles

Related Articles

HTML <button> value Attribute

View Discussion
Improve Article
Save Article
Like Article
  • 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.


<button value = "value">


<!DOCTYPE html>
        <title>HTML button value Attribute</title>
    <body style = "text-align:center">
        <h1 style = "color:green;">
            HTML button value Attribute
        <button id="btn" value="GeeksforGeeks" onclick="geek()">
         Click me!</button>
        <p id="g"></p>
            function geek() {
              var x = document.getElementById("btn").value;
              document.getElementById("g").innerHTML =  x;

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
  • Firefox
  • Opera
  • Internet Explorer

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!