HTML DOM Textarea select() मेथड

परिचय

HTML DOM Textarea select() मेथड HTML दस्तावेज़ में एक टेक्स्ट एरिया की सामग्री को चुनता (हाइलाइट करता) है। यह उपयोगकर्ता को टेक्स्ट एरिया के पूरे टेक्स्ट को तुरंत कॉपी या संपादित करने की अनुमति देता है।

सिंटैक्स

object.select()

उदाहरण

नीचे दिए गए उदाहरण में, जब उपयोगकर्ता "Select textarea content" बटन पर क्लिक करता है, तो टेक्स्ट एरिया की पूरी सामग्री चुनी जाती है।

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    font-family: Arial, sans-serif;
    padding: 20px;
  }
  .btn {
    background: #db133a;
    border: none;
    height: 2rem;
    border-radius: 2px;
    width: 40%;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
    margin: 1rem auto;
  }
</style>
<body>
<h1>DOM Textarea select() मेथड डेमो</h1>
<textarea rows='5' cols="30">नमस्ते! मैं कुछ डमी टेक्स्ट वाला एक टेक्स्ट एरिया एलिमेंट हूँ।</textarea>
<button onclick="selectText()" class="btn">टेक्स्ट एरिया सामग्री चुनें</button>
<script>
  function selectText() {
    document.querySelector("textarea").select();
  }
</script>
</body>
</html>

आउटपुट

पहले पेज पर टेक्स्ट एरिया सामान्य रूप से दिखाई देगा। जब आप "टेक्स्ट एरिया सामग्री चुनें" बटन पर क्लिक करेंगे, तो टेक्स्ट एरिया के अंदर का पूरा टेक्स्ट हाइलाइट हो जाएगा।

उपयोग के मामले

• उपयोगकर्ता को जल्दी से पूरा टेक्स्ट कॉपी करने देना
• फॉर्म वैलिडेशन के बाद टेक्स्ट हाइलाइट करना
• उपयोगकर्ता अनुभव बेहतर बनाना

ब्राउज़र समर्थन

यह मेथड सभी आधुनिक ब्राउज़रों (Chrome, Firefox, Safari, Edge) में समर्थित है।