

- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Getting HTML form values and display on console in JavaScript?
To get HTML form values, use the value property. Let’s say the following is our input type −
<input type="text" id="getValues" value="My Name is John Smith" />
We need to display the above value “My name is John Smith” on console.
Example
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/ 4.7.0/css/font-awesome.min.css"> </head> <body> <input type="text" id="getValues" value="My Name is John Smith" /> <script> var originalvalue = document.getElementById("getValues").value; console.log("The value in the text box is ="+originalvalue); </script> </body> </html>
To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output −
- Related Questions & Answers
- Display a message on console while focusing on input type in JavaScript?
- JavaScript: How to loop through all DOM elements on a page and display result on console?
- Display the dropdown’s (select) selected value on console in JavaScript?
- Get number from user input and display in console with JavaScript
- How to read data from PDF file and display on console in Java?
- How can we get the values of a JProgressBar Component and display in Console?
- HTML form action and onsubmit validations with JavaScript?
- Getting elements of an array depending on corresponding values of another JavaScript
- Display all the titles of JTabbedPane tabs on Console in Java
- JavaScript Adding array name property to JSON object [ES5] and display in Console?
- Getting the Largest Window Height and Width of the Console in C#
- Getting values from HTML5 Canvas to JavaScript
- Select all elements with “data-” attribute with jQuery and display on Console?
- How to display xtable values in scientific form in R?
- How can we display MySQL bit values in printable form?
Advertisements