Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

क्या जावास्क्रिप्ट के साथ टेक्स्ट बॉक्स चुनना संभव है?

<घंटा/>

हां, चयन () पद्धति का उपयोग करके जावास्क्रिप्ट के साथ टेक्स्ट बॉक्स का चयन करें। सबसे पहले, हम एक इनपुट टेक्स्ट बनाते हैं -

Enter your Name:<input type="text" id="txtName" value="John">
<br>
<button type="button" onclick="check()">Select Text Box</button>

अब, बटन क्लिक पर टेक्स्ट बॉक्स का चयन करें -

उदाहरण

<!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>
</head>
<body>
Enter your Name:<input type="text" id="txtName" value="John">
<br>
<button type="button" onclick="check()">Select Text Box</button>
<script>
   function check(){
      document.getElementById("txtName").select();
   }
</script>
</body>
</html>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम “anyName.html(index.html)” को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "ओपन विद लाइव सर्वर" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

क्या जावास्क्रिप्ट के साथ टेक्स्ट बॉक्स चुनना संभव है?

जब आप "सेलेक्ट टेक्स्ट बॉक्स" बटन पर क्लिक करते हैं, तो यह टेक्स्ट बॉक्स का चयन करेगा। यह निम्नलिखित आउटपुट देगा -

क्या जावास्क्रिप्ट के साथ टेक्स्ट बॉक्स चुनना संभव है?


  1. जावास्क्रिप्ट के साथ टेक्स्ट को कैसे टॉगल करें?

    जावास्क्रिप्ट के साथ टेक्स्ट को टॉगल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe

  1. div छुपाएं जिसमें जावास्क्रिप्ट के साथ विशिष्ट टेक्स्ट है?

    सबसे पहले, आपको getElementsByClassName() की मदद से div क्लास को एक्सट्रेक्ट करना होगा और लूप के लिए पुनरावृति करना होगा और विशिष्ट टेक्स्ट दिखाने के लिए OR कंडीशन का उपयोग करना होगा। साथ ही, अपना Div.style.display=none सेट करें। निम्नलिखित जावास्क्रिप्ट कोड है - उदाहरण <!DOCTYPE html> <ht

  1. जावास्क्रिप्ट के साथ <strong> टैग में टेक्स्ट कैसे सेट करें?

    सबसे पहले, तत्व - . सेट करें <strong id="strongDemo">Replace This strong tag</strong> ऊपर सेट की गई आईडी विशेषता # - . का उपयोग करके टेक्स्ट सेट करने के लिए उपयोग की जाएगी $(document).ready(function(){    $("#strongDemo").html("Actual value of 5+10 is