मेरे पास कुछ टेक्स्ट फ़ील्ड के साथ एक फ़ॉर्म है, और मैं पेज लोड होने पर फ़ॉर्म के पहले टेक्स्ट फ़ील्ड पर कर्सर (ऑटो फ़ोकस) रखना चाहता हूं ।
मैं इसे जावास्क्रिप्ट का उपयोग किए बिना करना चाहता हूं।
मेरे पास कुछ टेक्स्ट फ़ील्ड के साथ एक फ़ॉर्म है, और मैं पेज लोड होने पर फ़ॉर्म के पहले टेक्स्ट फ़ील्ड पर कर्सर (ऑटो फ़ोकस) रखना चाहता हूं ।
मैं इसे जावास्क्रिप्ट का उपयोग किए बिना करना चाहता हूं।
जवाबों:
हां जावास्क्रिप्ट के समर्थन के बिना करना संभव है ..
हम
उदाहरण के लिए html5 ऑटो फोकस विशेषता का उपयोग कर सकते हैं
:
<input type="text" name="name" autofocus="autofocus" id="xax" />
यदि पाठ क्षेत्र में इसका उपयोग (ऑटोफोकस = "ऑटोफोकस") का अर्थ है कि पृष्ठ लोड होने पर पाठ क्षेत्र केंद्रित हो जाता है .. अधिक जानकारी के लिए:
http://www.hscripts.com/tutorials/html5/autofocus-attribute.html
बस autofocusपहले इनपुट या टेक्स्टारिया में जोड़ें ।
<input type="text" name="name" id="xax" autofocus="autofocus" />
autofocusकाम नहीं करता है, लेकिन autofocus="autofocus"करता है।
यह काम करेगा:
OnLoad="document.myform.mytextfield.focus();"
<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.
उन लोगों के लिए एक विस्तार जिन्होंने मैंने जैसा किया था उसके चारों ओर थोड़ा सा चक्कर लगाया।
निम्नलिखित कार्य (W3 से):
<input type="text" autofocus />
<input type="text" autofocus="" />
<input type="text" autofocus="autofocus" />
<input type="text" autofocus="AuToFoCuS" />
यह ध्यान रखना महत्वपूर्ण है कि यह सीएसएस में काम नहीं करता है। यानी आप उपयोग नहीं कर सकते:
.first-input {
autofocus:"autofocus"
}
कम से कम यह मेरे लिए काम नहीं किया ...
कभी-कभी आपको यह सुनिश्चित करने के लिए सभी करना होगा कि कर्सर टेक्स्ट बॉक्स के अंदर है: टेक्स्ट बॉक्स पर क्लिक करें और जब एक मेनू प्रदर्शित होता है, तो "फ़ॉर्मेट टेक्स्ट बॉक्स" पर क्लिक करें और फिर "टेक्स्ट बॉक्स" टैब पर क्लिक करें और अंत में सभी को संशोधित करें चार मार्जिन (बाएं, दाएं, ऊपरी और नीचे) प्रत्येक मार्जिन पर "0" दिखाई देने तक नीचे तीर द्वारा।
<input.... tabindex="1" />