WEB TUTORIALS
PRACTICE EXAMPLES
HTML REFERENCES
CSS REFERENCES
PHP REFERENCES

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.

  • <!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:

Your Feedback:

We would love to hear from you, please drop us a line.