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

ऑटोफोकस HTML5 विशेषता का उपयोग

<घंटा/>

HTML5 ने ऑटोफोकस नामक एक नई विशेषता पेश की जिसका उपयोग इस प्रकार किया जाएगा:

<इनपुट प्रकार ="पाठ" नाम ="खोज" ऑटोफोकस/> 

यह विशेषता केवल मोज़िला, सफारी और क्रोम ब्राउज़र के नवीनतम संस्करणों द्वारा समर्थित है।

उदाहरण

ऑटोफोकस विशेषता के साथ काम करने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं:

  
ईमेल दर्ज करें:<इनपुट टाइप ="टेक्स्ट" नाम ="न्यूइनपुट" ऑटोफोकस />

सबमिट बटन का उपयोग करके सबमिट करने का प्रयास करें

<इनपुट प्रकार ="सबमिट" मान ="सबमिट करें" />

  1. HTML ऑटोफोकस विशेषता HTML ऑटोफोकस विशेषता

    HTML में ऑटोफोकस विशेषता का उपयोग कई तत्वों के लिए किया जाता है और पृष्ठ लोड होने पर उस विशेष तत्व पर फ़ोकस सेट करता है। ऑटोफोकस विशेषताओं का गठन करने वाले तत्व हैं। <button>, <input>, <select> and <textarea>. आइए अब HTML में ऑटोफोकस विशेषता को लागू करने के लिए एक उदाहरण देख

  1. HTML  बटन  ऑटोफोकस विशेषता HTML <बटन> ऑटोफोकस विशेषता

    तत्व की ऑटोफोकस विशेषता का उपयोग पृष्ठ लोड होने पर बटन पर फ़ोकस सेट करने के लिए किया जाता है। निम्नलिखित वाक्य रचना है - <button type="button" autofocus> ऊपर, हमने ऑटोफोकस को एक बटन पर सेट किया है। आइए अब एलीमेंट - . के ऑटोफोकस एट्रिब्यूट को लागू करने के लिए एक उदाहरण देखें उदाहरण

  1. एचटीएमएल डोम इनपुट ऑटोफोकस संपत्ति जमा करें एचटीएमएल डोम इनपुट ऑटोफोकस संपत्ति जमा करें

    HTML DOM इनपुट सबमिट ऑटोफोकस गुण HTML तत्व के ऑटोफोकस विशेषता से जुड़ा है। इस संपत्ति का उपयोग यह निर्धारित करने या वापस करने के लिए किया जाता है कि पृष्ठ लोड होने पर सबमिट बटन स्वचालित रूप से केंद्रित होना चाहिए या नहीं। सिंटैक्स − . के लिए वाक्य रचना निम्नलिखित है ऑटोफोकस गुण सेट करना - submitO