HTML प्रपत्र मान प्राप्त करने के लिए, मान गुण का उपयोग करें। मान लें कि निम्नलिखित हमारा इनपुट प्रकार है -
<input type="text" id="getValues" value="My Name is John Smith" />
हमें कंसोल पर उपरोक्त मान "माई नेम इज जॉन स्मिथ" प्रदर्शित करने की आवश्यकता है।
उदाहरण
<!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>
उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।
आउटपुट
यह निम्नलिखित आउटपुट देगा -