জাভাস্ক্রিপ্ট ছাড়াই ডিফল্ট এইচটিএমএল ফর্ম ফোকাস

159

জাভাস্ক্রিপ্ট ব্যবহার না করে কোনও HTML ফর্মের উপর ডিফল্ট ইনপুট ফোকাস সেট করা সম্ভব, উদাহরণস্বরূপ:

<html>
  <form>
    Input 1: <input type="text" name="textbox1"/>
    <br/>
    Input 2: <input type="text" name="textbox2"/>
  </form>
</html>

আমি যখন জাভাস্ক্রিপ্ট না ব্যবহার করে ফর্মটি লোড হয় তখন আমি যে কোনও পাঠ্য-বাক্সের মধ্যে ডিফল্ট ফোকাস সেট করতে চাই (যেমন আমি চাই যে ব্যবহারকারীর জেএস অক্ষম থাকলে আচরণটি ঘটে)।

html accessibility

— অ্যাডাম জেনকিন
সূত্র

292

আপনি এটি HTML5 এ করতে পারেন, তবে অন্যথায় আপনাকে অবশ্যই জাভাস্ক্রিপ্ট ব্যবহার করতে হবে।

এইচটিএমএল 5 autofocusআপনাকে আপনার ফর্ম উপাদানগুলিতে যুক্ত করতে দেয় , যেমন:

<input type="text" name="myInput" autofocus />

এটি এইচটিএমএল 5 সমর্থনকারী ব্রাউজারগুলিতে কাজ করে (বা বরং, ব্রাউজারগুলি যা এইচটিএমএল 5 এর এই বিশেষ অংশটিকে সমর্থন করে) তবে আপনি জানেন যে সবাই এটিকে এখনও ব্যবহার করতে পারে না।

— জ্যাক লুকাস
সূত্র

22

কিছু সচেতন হওয়ার জন্য ... যদি আপনি একটি ফোকাস ফর্ম উপাদান সেট করে থাকেন তবে স্ক্রিন রিডারের মতো অ্যাসিস্টড টেকনোলজি (এটি) ব্যবহার করা যে কোনও ব্যক্তিকে মেনুগুলি এবং ফোকাসযুক্ত ক্ষেত্রের আগে থাকা অন্য কোনও সামগ্রী দেখতে ব্যাকআপ নিতে হবে।

আমার মতে একটি পছন্দসই পদ্ধতি হ'ল কোনও স্কিপ-লিংক যদি পাওয়া যায় তবে ব্যতীত কোনও ক্ষেত্রে ফোকাস সেট করা না। এটি তাদের পৃষ্ঠাগুলির বিষয়বস্তুতে এড়াতে বা উপর থেকে নীচে পৃষ্ঠাটি পড়ার বিকল্প দেয়।

— গ্রেগ
সূত্র

স্কিপ-লিঙ্ক যুক্ত করা যা দৃশ্যত লুকিয়েও রয়েছে তবে স্ক্রিনরেডারগুলির মাধ্যমে অ্যাক্সেসযোগ্য দুর্দান্ত হবে!

— জেমস কাজেটে

অ্যাক্সেসযোগ্যতা সম্পর্কে আমার জানার মতো অনেক কিছুই আছে। আমাদের বাকিদের শিখতে সহায়তা করার জন্য এই উত্তরটি যুক্ত করার জন্য আপনাকে ধন্যবাদ!

— অ্যান্ড্রু স্টিৎজ 26'19

3

অন্যরা যেমন বলেছে, জাভাস্ক্রিপ্ট ব্যতীত আপনি কোনও ডিফল্ট ক্ষেত্রের গ্যারান্টি দিতে পারবেন না। একটি বিকল্প বিকল্প আপনি চেষ্টা করতে চাইতে পারেন, যদি আপনার একাধিক ক্ষেত্র থাকে যা ব্যবহারকারীর অ্যাক্সেস করতে পারে এটি ব্যবহার করেaccesskey বৈশিষ্ট্যটি । এর অর্থ হ'ল কোনও ব্যবহারকারী ব্রাউজ করার সময় তত্ক্ষণাত্ ক্ষেত্রের মধ্যে ফিরে আসতে পারে, যা স্ক্রিন পাঠক ইত্যাদির ব্যবহারকারীর পক্ষে কাজে আসতে পারে ...

এই বিষয়ে উইকিপিডিয়াস নিবন্ধটি বেশ কার্যকর - http://en.wikedia.org/wiki/Access_key

0

কোনও ধরণের স্ক্রিপ্টিং ছাড়া এটি সম্ভব নয়। এমনকি গুগলের হোম পেজে জাভাস্ক্রিপ্ট অনুসন্ধানের ক্ষেত্রকে ফোকাস করার জন্য প্রয়োজন।

— ইভান মুলাউসকি
সূত্র

1

এইটা. গুগল এই ব্রাউজারগুলির HTML5 সমর্থন করে না তাদের জন্য জাভাস্ক্রিপ্ট যুক্ত করেছে। যে কোনও অ্যাপে বিবেচনা করার মতো কিছু।

— mvbrakel

-8

আপনি সম্ভবত ট্যাবএন্ডেক্স বৈশিষ্ট্যটি ব্যবহার করতে পারবেন এবং ডিফল্ট পাঠ্যবক্সে সর্বনিম্ন মানটি ব্যবহার করতে পারবেন । ব্রাউজার সহায়তার জন্য এখানে চেক করুন:

http://reference.sitepoint.com/html/object/tabindex#compatibilitysection

সাইটের পরামর্শ দেয় যে

(প্রায় সব ক্ষেত্রেই - যেমন নিয়ন্ত্রণ এবং লিঙ্কগুলি তৈরি করে - ট্যাবিনডেক্সের চমৎকার সমর্থন রয়েছে)

— Cahit
সূত্র

3

"ট্যাবিনডেক্স" বৈশিষ্ট্যটি কোনও উপাদানকে স্বয়ংক্রিয় ফোকাস দেয় না, এমনকি "ট্যাবিনডেক্স = 1" সহ কোনও উপাদানও দেয় না। <ট্যাব> (বা একটি ক্লিক) টিপতে ট্যাব অনুক্রমের প্রথম উপাদানটিতে ফোকাস দেওয়া প্রয়োজন।

— ক্লিন্ট পাচল