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

HTML में पेज लोड होने पर टेक्स्ट बॉक्स में कर्सर (ऑटो फोकस) कैसे रखें?

autofocus एट्रिब्यूट का उपयोग

पेज लोड होने पर टेक्स्ट बॉक्स में कर्सर रखने के लिए autofocus एट्रिब्यूट का उपयोग करें। autofocus एक बूलियन एट्रिब्यूट है। जब मौजूद होता है, तो यह निर्दिष्ट करता है कि एक <input> एलिमेंट को पेज लोड होने पर स्वचालित रूप से फोकस मिलना चाहिए।

उदाहरण

<!DOCTYPE html>
<html>
  <body>
    <form action="/new.php">
      Name: <input type="text" name="name" autofocus><br>
      Subject: <input type="text" name="sub"><br>
      <input type="submit">
    </form>
  </body>
</html>

इस उदाहरण में, "Name" फील्ड को पेज लोड होने पर स्वचालित रूप से फोकस मिलेगा, जबकि "Subject" फील्ड को नहीं।

  1. HTML और CSS से इमेज पर टेक्स्ट कैसे रखें? HTML और CSS से इमेज पर टेक्स्ट कैसे रखें?

    HTML और CSS से इमेज पर टेक्स्ट रखने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> h1{    text-align: center; } .imageContainer {    margin-lef

  1. Tkinter में Entry बॉक्स के केंद्र में टेक्स्ट कैसे रखें? Tkinter में Entry बॉक्स के केंद्र में टेक्स्ट कैसे रखें?

    Tkinter में Frame के चारों ओर बॉर्डर लगाने के लिए, हमें Frame बनाते समय highlightbackground और highlightthickness पैरामीटर्स का उपयोग करना होगा। आइए एक उदाहरण लेते हैं और देखते हैं कि इन दो पैरामीटर्स का उपयोग कैसे करें।चरणTkinter लाइब्रेरी इम्पोर्ट करें और Tkinter फ्रेम का एक इंस्टेंस बनाएं।geometr

  1. Windows 10 में टेक्स्ट कर्सर को कस्टमाइज़ करें: चरण-दर-चरण गाइड Windows 10 में टेक्स्ट कर्सर को कस्टमाइज़ करें: चरण-दर-चरण गाइड

    Windows 10 के मई 2020 अपडेट ने नए विकल्प जोड़े जो आपको टाइप करते समय प्रदर्शित होने वाले टेक्स्ट इनपुट कर्सर (कैरेट) को कस्टमाइज़ करने देते हैं। इन्हें Settings ऐप खोलकर, Ease of Access श्रेणी पर क्लिक करके और बाईं ओर मेनू से Text cursor पेज पर जाकर पाया जा सकता है। आप कर्सर की मोटाई बदल सकते हैं