# 
## Overview

In HTML, the **`value`** attribute is applied to the input element. Its uses are as follows:

* To provide a default value to the input element.
* To change the value of the input element dynamically, using Javascript.

# 
#  Syntax
```
<input value="text">
```
##
## Parameters
This attribute takes `text` as an argument. It represents the default value for the input element.





<html>
 <head>
 </head>
 <body>
   <div id="content">

     <label for="city">City:</label>
       
     <input id="city" type="text" value="Paris">
     <button>Change city name</button>
     <p>Default city name is Paris</p>
   </div>
 </body>
</html>

var cityname = document.querySelector("input")
var citynameBtn = document.querySelector("button")
var displaytext = document.querySelector("p")

citynameBtn.addEventListener("click", function(){
    displaytext.innerText = "You entered city name as " + cityname.value
})



codemirror

# 
## Explanation
In the example above, we take `city` as the input from the user and assign its default value as `Paris`. If the user doesn't provide a value for `city` while submitting the form, the default value is submitted.

What is the value attribute in HTML?

 Overview In HTML, the value attribute is applied to the input element. Its uses are as follows:  To provide a default value to the input element. To change the value of the input element dynamically, using Javascript.  

What is the value attribute in HTML?

Overview

Syntax

Parameters

Example

Explanation