जब किसी पृष्ठ को जावास्क्रिप्ट समर्थन के बिना लोड किया जाता है, तो टेक्स्ट बॉक्स में कर्सर (ऑटो फ़ोकस) कैसे रखें?


89

मेरे पास कुछ टेक्स्ट फ़ील्ड के साथ एक फ़ॉर्म है, और मैं पेज लोड होने पर फ़ॉर्म के पहले टेक्स्ट फ़ील्ड पर कर्सर (ऑटो फ़ोकस) रखना चाहता हूं ।

मैं इसे जावास्क्रिप्ट का उपयोग किए बिना करना चाहता हूं।


1
<input.... tabindex="1" />
अभिजात

जवाबों:


146

हां जावास्क्रिप्ट के समर्थन के बिना करना संभव है ..
हम उदाहरण के लिए html5 ऑटो फोकस विशेषता का उपयोग कर सकते हैं
:

<input type="text" name="name" autofocus="autofocus" id="xax" />

यदि पाठ क्षेत्र में इसका उपयोग (ऑटोफोकस = "ऑटोफोकस") का अर्थ है कि पृष्ठ लोड होने पर पाठ क्षेत्र केंद्रित हो जाता है .. अधिक जानकारी के लिए:
http://www.hscripts.com/tutorials/html5/autofocus-attribute.html


6
जेएसएक्स / रिएक्ट के लिए उपयुक्त पूंजीकरण वास्तव में ऑटोफोकस है।
thadk


4

यह काम करेगा:

OnLoad="document.myform.mytextfield.focus();"

3
@putvande - शीर्षक "जावास्क्रिप्ट का उपयोग करना" कहता है, इसलिए उसे विराम दें।
तोमर

उन्होंने कहा कि जावास्क्रिप्ट समर्थन के बिना।
अलेजांद्रो नवा

3
<body onLoad="self.focus();document.formname.name.focus()" >

formname is <form action="xxx.php" method="POST" name="formname" >
and name is <input type="text" tabindex="1" name="name" />

it works for me, checked using IE and mozilla.
autofocus, somehow didn't work for me.

ओपी ने कहा "बिना जावास्क्रिप्ट के"।
इटियेन मिर्ट

1

उन लोगों के लिए एक विस्तार जिन्होंने मैंने जैसा किया था उसके चारों ओर थोड़ा सा चक्कर लगाया।

निम्नलिखित कार्य (W3 से):

<input type="text" autofocus />
<input type="text" autofocus="" />
<input type="text" autofocus="autofocus" />
<input type="text" autofocus="AuToFoCuS" />

यह ध्यान रखना महत्वपूर्ण है कि यह सीएसएस में काम नहीं करता है। यानी आप उपयोग नहीं कर सकते:

.first-input {
    autofocus:"autofocus"
}

कम से कम यह मेरे लिए काम नहीं किया ...


-5

कभी-कभी आपको यह सुनिश्चित करने के लिए सभी करना होगा कि कर्सर टेक्स्ट बॉक्स के अंदर है: टेक्स्ट बॉक्स पर क्लिक करें और जब एक मेनू प्रदर्शित होता है, तो "फ़ॉर्मेट टेक्स्ट बॉक्स" पर क्लिक करें और फिर "टेक्स्ट बॉक्स" टैब पर क्लिक करें और अंत में सभी को संशोधित करें चार मार्जिन (बाएं, दाएं, ऊपरी और नीचे) प्रत्येक मार्जिन पर "0" दिखाई देने तक नीचे तीर द्वारा।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.