How to Get the Value of Text Input Field Using JavaScript
Topic: JavaScript / jQueryPrev|Next
Answer: Use the value Property
You can simply use the value property of the DOM input element to get the value of text input field.
The following example will display the entered text in the input field on button click using JavaScript.
Example
Try this code »<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Get Text Input Field Value in JavaScript</title>
</head>
<body>
<input type="text" placeholder="Type something..." id="myInput">
<button type="button" onclick="getInputValue();">Get Value</button>
<script>
function getInputValue(){
// Selecting the input element and get its value
var inputVal = document.getElementById("myInput").value;
// Displaying the value
alert(inputVal);
}
</script>
</body>
</html>Related FAQ
Here are some more FAQ related to this topic:
