EN
JavaScript - set value of input field
12
points
In this article, we would like to show you how to set input field value using JavaScript.
1. Input value property example
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<head>
<style>
input {
padding: 10px;
width: 300px;
}
</style>
</head>
<body>
<input id="my-input" type="text" value="" />
<script>
var input = document.getElementById('my-input');
input.value = 'This text has been set from javascript code...';
</script>
</body>
</html>
2. Input setAttribute method example
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<head>
<style>
input {
padding: 10px;
width: 300px;
}
</style>
</head>
<body>
<input id="my-input" type="text" value="" />
<script>
var input = document.getElementById('my-input');
input.setAttribute('value', 'This text has been set from javascript code...');
</script>
</body>
</html>
2. Text input element inside form example
To see examples check this site.