jQuery Mobile Data এট্রিবিউট

jQuery Data Property

jQuery Mobile HTML5 data-* প্রতিশব্দসম্পন্ন আইটেমগুলি ব্যবহার করে মোবাইল ডিভাইসগুলিতে "টাপযোগ্য" এবং সুন্দর দেখার মূল্যবান প্রদর্শন তৈরি করে।

নিচের উল্লেখিত তালিকায়, মূল মানকের জন্য মজলীয় মান নির্ধারণ করা হয়েছে。

Button

data-role="button"-সহ হাইপারলিঙ্ক। টুলবারের বাটন উপাদানগুলি, লিঙ্ক এবং ইনপুট ফিল্ডগুলি স্বচালিতভাবে বাটনের শৈলী নিয়ে সজ্জিত হবে, data-role="button" ব্যবহার করা নয়।

Data এট্রিবিউট মূল্য বর্ণনা
data-corners true | false বাটনের কোণটি গুচ্ছিত হবে কিনা না তা নির্ধারণ করুন。
data-icon Icons Reference বাটনের আইকন নির্ধারণ করুন। ডিফল্টে আইকন থাকবে না。
data-iconpos ডান | বাম | শীর্ষ | নীচ | notext আইকনের অবস্থান নির্ধারণ করুন。
data-iconshadow true | false বাটন আইকনের শাড়া থাকবে কিনা না তা নির্ধারণ করুন。
data-inline true | false বাটনটি সরাসরি লাইনে থাকবে কিনা না তা নির্ধারণ করুন。
data-mini true | false বাটনটি ছোট হবে কিংবা সাধারণ মাপের হবে তা নির্ধারণ করুন。
data-shadow true | false বাটনের শাড়া থাকবে কিনা না তা নির্ধারণ করুন。
data-theme লেটার (a-z) বাটনের থিম রঙ নির্ধারণ করুন。

সুঝান:একাধিক বাটনকে যুক্ত করতে, data-role="controlgroup" এবং data-type="horizontal|vertical" এসব প্রতিশব্দসম্পন্ন কান্তকে ব্যবহার করুন, এটা হলে বাটনকে উপরোক্ত বা নীচের দিকে যুক্ত করা হবে。

Checkbox

লেবেল এবং type="checkbox" এর ইনপুট এককভাবে হবে।এটি স্বচালিতভাবে বুটনের শৈলীতে সেট করা হবে, না তবে data-role।

Data এট্রিবিউট মূল্য বর্ণনা
data-mini true | false চেকবক্সকে ছোট কিংবা সাধারণ মাপের হবে নির্ধারণ করুন。
data-role none jQuery Mobile চেকবক্সকে বুটনের শৈলীতে সেট করা হবে না প্রতিরোধ করুন。
data-theme লেটার (a-z) চেকবক্সের থিম রঙ নির্ধারণ করুন。

সুঝান:একাধিক চেকবক্সকে কম্বিন করতে, data-role="controlgroup" এবং data-type="horizontal|vertical" ব্যবহার করুন এবং হলেকে ভূমিকা বা উঁচুতা প্রদর্শন করা হবে。

Collapsible

শিরোনাম ইলেকট্রন, তারপর data-role="collapsible" এই অ্যাট্রিবিউট সহ কনটেনারের অধীনে কোনো হ্যাশলেবেল এবং type="checkbox" এর ইনপুট হবে যা এককভাবে বুটনের শৈলীতে সেট করা হবে, না তবে data-role。

Data এট্রিবিউট মূল্য বর্ণনা
data-collapsed true | false কনটেন্টকে বন্ধ করা কিংবা খোলা হবে কি না নির্ধারণ করুন。
data-collapsed-icon Icons Reference কোনো কোল্লেপবল বুটনের আইকন নির্ধারণ করুন।ডিফল্ট হল "plus"。
data-content-theme লেটার (a-z) কোনো কোল্লেপবল কনটেন্টের থিম রঙ নির্ধারণ করুন।এটি কোনো কোল্লেপবল কনটেন্টে গোলাকার সহ যুক্ত করা হবে。
data-expanded-icon Icons Reference কনটেন্ট খোলা হলে কোনো কোল্লেপবল বুটনের আইকন নির্ধারণ করুন।ডিফল্ট হল "হোম"。
data-iconpos left | right | top | bottom আইকনের অবস্থান নির্ধারণ করুন。
data-inset true | false কোনো কোল্লেপবল বুটনকে কোনো গোলাকার এবং মার্জিন শৈলী সহ করা হবে কি না নির্ধারণ করুন。
data-mini true | false কোনো কোল্লেপবল বুটনকে ছোট কিংবা সাধারণ মাপের হবে নির্ধারণ করুন。
data-theme লেটার (a-z) কোনো কোল্লেপবল বুটনের থিম রঙ নির্ধারণ করুন。

Collapsible Set

data-role="collapsible-set" এই অ্যাট্রিবিউট সহ কনটেনারের কোনো কোল্লেপবল কনটেন্ট ব্লক。

Data এট্রিবিউট মূল্য বর্ণনা
data-collapsed-icon Icons Reference কোনো কোল্লেপবল বুটনের আইকন নির্ধারণ করুন।ডিফল্ট হল "plus"。
data-content-theme লেটার (a-z) কোনো কোল্লেপবল কনটেন্টের থিম রঙ নির্ধারণ করুন。
data-expanded-icon Icons Reference কনটেন্ট খোলা হলে কোনো কোল্লেপবল বুটনের আইকন নির্ধারণ করুন।ডিফল্ট হল "হোম"。
data-iconpos ডান | বাম | শীর্ষ | নীচ | notext আইকনের অবস্থান নির্ধারণ করুন。
data-inset true | false কোনো কোল্লেপবলকে কোনো গোলাকার এবং মার্জিন শৈলী সহ করা হবে কি না নির্ধারণ করুন。
data-mini true | false কোনো কোল্লেপবল বুটনকে ছোট কিংবা সাধারণ মাপের হবে নির্ধারণ করুন。
data-theme লেটার (a-z) কোনো কোল্লেপবল সেটের থিম রঙ নির্ধারণ করুন。

Content

data-role="content" এই অ্যাট্রিবিউট সহ কনটেনার。

Data এট্রিবিউট মূল্য বর্ণনা
data-theme লেটার (a-z) কনটেন্টের থিম রঙ নির্ধারণ করুন।ডিফল্ট হল "c"。

Controlgroup

data-role="controlgroup" এই অ্যাট্রিবিউট সহ <div> বা <fieldset> কনটেনার।একক ধরনের বুটনের শৈলীর ইনপুটকে কম্বিন করুন (লিঙ্ক ভিত্তিক বুটন, রেডিও বটন, চেকবক্স, সিলেকশন মেনু)。

Data এট্রিবিউট মূল্য বর্ণনা
data-mini true | false কোনো কম্বিনেশনকে ছোট কিংবা সাধারণ মাপের হবে নির্ধারণ করুন。
data-type horizontal | vertical কোনো কম্বিনেশনকে হলেকে ভূমিকা বা উঁচুতা প্রদর্শন করা হবে。

Dialog

data-role="dialog" এর কনটেনার বা data-rel="dialog" এর লিঙ্ক。

Data এট্রিবিউট মূল্য বর্ণনা
data-close-btn-text sometext ডিলোগের বন্ধনী বাটনের টেক্সটকে নির্ধারণ
data-dom-cache true | false বিশেষ পৃষ্ঠার জন্য jQuery DOM ক্যাচ করে ফেলার ক্ষমতা নির্ধারণ
data-overlay-theme লেটার (a-z) আলোচনা পৃষ্ঠার প্রবণতা নির্ধারণ করুন。
data-theme লেটার (a-z) আলোচনামূলক পৃষ্ঠার বিষয় রঙ নির্ধারণ
data-title sometext আলোচনামূলক পৃষ্ঠার শিরোনাম নির্ধারণ

Enhancement

data-enhance="false" বা data-ajax="false" প্রক্রিয়ার সহযোগিতায় অবস্থান করা

Data এট্রিবিউট মূল্য বর্ণনা
data-enhance true | false যদি "true" হয়, (ডিফল্ট) jQuery Mobile পৃষ্ঠার স্টাইল স্বয়ংক্রিয়ভাবে যোগ করে, যাতে মোবাইল ডিভাইসগুলির জন্য আরও সুবিধাজনক হয়; যদি "false" হয়, তখন ফ্রেমওয়ার্ক পৃষ্ঠার স্টাইল নিয়ন্ত্রণ করবে না
data-ajax true | false পৃষ্ঠা লোড করার জন্য AJAX-এর ব্যবহার

মন্তব্য:data-enhance="false" যেমন $.mobile.ignoreContentEnabled=true" ব্যবহার করে, জিনির মোবাইল ফ্রেমওয়ার্ক পৃষ্ঠার স্টাইল স্বয়ংক্রিয়ভাবে যোগ করে না

যখন $.mobile.ignoreContentEnabled সমান হয় true তখন, data-ajax="false" প্রক্রিয়ার কোনও লিঙ্ক বা ফর্ম ইলেকট্রনিক সামগ্রী, ফ্রেমওয়ার্কের নেভিগেশন ফাংশন থেকে অবচেতন হয়

Fieldcontainer

label/form ইলেকট্রনিক সামগ্রীর data-role="fieldcontain" প্রক্রিয়ার সহযোগিতায় অবস্থান করা

স্থায়ী টুলবার

data-role="header" বা data-role="footer" এবং data-position="fixed" প্রক্রিয়ার সহযোগিতায় অবস্থান করা

Data এট্রিবিউট মূল্য বর্ণনা
data-disable-page-zoom true | false পৃষ্ঠা সময় পরিমাপ করার ক্ষমতা
data-fullscreen true | false টুলবারটি সর্বদা উপরের এবং/অথবা নিচের দিকে থাকা
data-tap-toggle true | false ক্লিক/টাপ দিয়ে টুলবারের দৃশ্যমানতা সুবিধার প্রয়োজন
data-transition slide | fade | none ক্লিক/টাপ ঘটার সময় ট্রানজিশন প্রভাব
data-update-page-padding true | false resize, transition এবং "updatelayout" ঘটনা ঘটার সময় পৃষ্ঠার উপরের, নিচের এবং অভ্যন্তরীণ মার্জি (jQuery Mobile সবসময় "pageshow" ঘটনা ঘটার সময় অভ্যন্তরীণ মার্জি নিয়ন্ত্রণ করে) অপদান করা
data-visible-on-page-show true | false পিতৃপৃষ্ঠা দেখানোর সময় টুলবারের দৃশ্যমানতা নির্ধারণ করা।

ফ্লিপ টুলসোট সুইচ

data-role="slider" এটির একটি <select> ইলিমেন্ট এবং দুটি <option> ইলিমেন্ট

Data এট্রিবিউট মূল্য বর্ণনা
data-mini true | false সুইচটি ছোট বা সাধারণ মাপের হবে
data-role none jQuery Mobile-কে টুলসোট সুইচকে বুটন শৈলীতে সেট করা না হওয়ার জন্য প্রতিবন্ধকতা করুন
data-theme লেটার (a-z) টুলসোট সুইচের থিম রঙ নির্ধারণ করুন
data-track-theme লেটার (a-z) ট্র্যাকের থিম রঙ নির্ধারণ করুন

ফুটার

data-role="footer" এটির কন্টেনার

Data এট্রিবিউট মূল্য বর্ণনা
data-id sometext একক ID নির্ধারণ করুন, persistent footers-এর জন্য প্রয়োজনীয়
data-position inline | fixed পায়েন্টফিটসের সাথে পৃষ্ঠার বিষয়ক কনটেন্টকে নিষ্ক্রিয় করা হবে কি না, কিংবা তালুকে রাখা হবে。
data-fullscreen true | false পৃষ্ঠা সর্বদা তালুক থেকে থাকবে এবং পৃষ্ঠার বিষয়ক কনটেন্টকে আঘাত করবে (সুতরাং দৃশ্যমান)
data-theme লেটার (a-z) পায়েন্টফিটসের থিম রঙ নির্ধারণ করুন, ডিফল্ট "a" হবে。

মন্তব্য:ফুলস্ক্রিন স্থানান্তর সক্রিয় করতে, data-position="fixed" ব্যবহার করুন এবং তারপর data-fullscreen এটির জন্য প্রয়োগ করুন。

হেডার

data-role="header"-এর কন্টেনার

Data এট্রিবিউট মূল্য বর্ণনা
data-id sometext একক ID নির্ধারণ করুন, persistent headers-এর জন্য প্রয়োজনীয়
data-position inline | fixed শীর্ষভাগ এবং পৃষ্ঠার বিষয়ক কনটেন্টকে নিষ্ক্রিয় করা হবে কি না, কিংবা শীর্ষে রাখা হবে。
data-fullscreen true | false পৃষ্ঠা সর্বদা শীর্ষে থাকবে এবং পৃষ্ঠার বিষয়ক বিষয়ক কনটেন্টকে আঘাত করবে (সুতরাং দৃশ্যমান)
data-theme লেটার (a-z) শীর্ষভাগের থিম রঙ নির্ধারণ করুন, ডিফল্ট "a" হবে。

মন্তব্য:ফুলস্ক্রিন স্থানান্তর সক্রিয় করতে, data-position="fixed" ব্যবহার করুন এবং তারপর data-fullscreen এটির জন্য প্রয়োগ করুন。

লিঙ্ক

সব লিঙ্ক, data-role="button" এর লিঙ্ক এবং ফর্ম সমর্থন বুটনগুলি সহ

Data এট্রিবিউট মূল্য বর্ণনা
data-ajax true | false পৃষ্ঠা লোড করার জন্য AJAX-এর ব্যবহার করা হবে কি না, এটা ব্যবহারকারীর অভিজ্ঞতা এবং পার্শ্বস্থানীয় অ্যানিমেশনকে উন্নত করতে।যদি false হয়, তবে jQuery Mobile সাধারণ পৃষ্ঠা অনুরোধ করবে。
data-direction reverse পার্শ্বস্থানীয় অ্যানিমেশন বাতিল করুন (শুধুমাত্র পৃষ্ঠা বা ডায়লগ ব্যবহার করা হয়)
data-dom-cache true | false কোনো পৃষ্ঠার jQuery DOM ক্যাচ নিরসন করা হবে কিনা (যদি এটি true হয়, তবে আপনাকে DOM পরিচালনা এবং সমস্ত মোবাইল ডিভাইসগুলিতে সম্পূর্ণভাবে পরীক্ষা করতে হবে)。
data-prefetch true | false পৃষ্ঠা প্রত্যাহার করা হবে কি না DOM-তে, তার মাধ্যমে এটা ব্যবহারকারীর জন্য ব্যবহার্য হবে।
data-rel পিছনে | ডায়লগ | বহির্ভূত | ফিল্টার লিঙ্কটির আচরণ সম্পর্কে বিন্যাস করুন。 পিছনে - ইতিহাসে পিছনে একটি পদক্ষেপ নিন। ডায়লগ - পৃষ্ঠা ডায়লগ হিসাবে খোলুন এবং ইতিহাসে রেকর্ড করুন না。 বহির্ভূত - অন্য ডোমেনের লিঙ্ক খোলা - ফিল্টার উদ্ধার করুন。
data-transition fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none একটি পৃষ্ঠা থেকে আরেকটি পৃষ্ঠা পারের জন্য কিভাবে নির্ধারণ করুন। jQuery Mobile-এর ট্রানজিশন এসকোপ সহযোগেতা。
data-position-to origin | jQuery selector | window উদ্বোধনী প্রবণতা নির্ধারণ করুন。 মূল - ডিফল্ট।তার লিঙ্কটি খোলার সময় ফিল্টার দেখানো হয়。 jQuery selector - নির্দিষ্ট এলিমেন্টের ওপর উঠে আসুন Window - উইন্ডো স্ক্রিনের মধ্যবর্তী স্থানে উঠে আসুন

List

data-role="listview" এটিভিটি থাকা <ol> বা <ul>

Data এট্রিবিউট মূল্য বর্ণনা
data-autodividers true | false নির্ধারণ করুন কিনা তালিকার আইটেমকে স্বয়ংক্রিয়ভাবে বিভাজিত করা হবে
data-count-theme লেটার (a-z) নির্ধারণ করুন কিনা কোন্ট বালোর থিম রঙ। ডিফল্ট হল "c"।
data-divider-theme লেটার (a-z) নির্ধারণ করুন তালিকা বিভাজকের থিম রঙ। ডিফল্ট হল "b"।
data-filter true | false নির্ধারণ করুন কিনা তালিকায় সার্চ বাক্স যোগ করা হবে
data-filter-placeholder sometext নির্ধারণ করুন সার্চ বাক্সের টেক্সট। ডিফল্ট হল "Filter items..."।
data-filter-theme লেটার (a-z) নির্ধারণ করুন সার্চ ফিল্টার প্রোগ্রামের থিম রঙ। ডিফল্ট হল "c"।
data-icon Icons Reference নির্ধারণ করুন তালিকার আইকন
data-inset true | false নির্ধারণ করুন কিনা তালিকায় আর্কিড ও মার্জিন স্টাইল যোগ করা হবে
data-split-icon Icons Reference নির্ধারণ করুন বিভাজক বাটনের আইকন। ডিফল্ট হল "arrow-r"।
data-split-theme লেটার (a-z) নির্ধারণ করুন বিভাজক বাটনের থিম রঙ। ডিফল্ট হল "b"।
data-theme লেটার (a-z) নির্ধারণ করুন তালিকার থিম রঙ

List item

data-role="listview" এটিভিটি থাকা <ol> বা <ul> এর ভিতরের <li> এলিমেন্ট

Data এট্রিবিউট মূল্য বর্ণনা
data-filtertext sometext নির্ধারণ করুন ফিল্টার এলিমেন্টের সময় সার্চ করা টেক্সট। এই টেক্সট একটি অসল তালিকার আইকন টেক্সটের বদলে সার্চ করা হবে।
data-icon Icons Reference নির্ধারণ করুন তালিকার আইকন
data-role list-divider নির্ধারণ করুন তালিকার আইকনের বিভাজক
data-theme লেটার (a-z) নির্ধারণ করুন তালিকার আইকনের থিম রঙ

মন্তব্য:data-icon এটিভিটি কেবল লিঙ্ক ধারণকারী তালিকার আইকনের জন্য প্রযোজ্য

Navbar

data-role="navbar" এটিভিটি থাকা কাউন্টেনারের ভিতরের <li> এলিমেন্ট

Data এট্রিবিউট মূল্য বর্ণনা
data-icon Icons Reference নির্ধারণ করুন তালিকার আইকন
data-iconpos ডান | বাম | শীর্ষ | নীচ | notext আইকনের অবস্থান নির্ধারণ করুন。

সুঝান:নেভিগেশন বার থিম সোয়াচ পার্যন্ত করে নিয়ে আসে। নেভিগেশন বারকে data-theme এটিভিটি নিয়ে সেট করা অসম্ভব। একলাই নেভিগেশন বারের প্রত্যেকটি লিঙ্কে data-theme এটিভিটি নিয়ে সেট করা সম্ভব।

Page

data-role="page" এটিভিটি প্রক্ষেপণকারীর কাউন্টেনারের কাউন্টেনারগুলি。

Data এট্রিবিউট মূল্য বর্ণনা
data-add-back-btn true | false স্বয়ংক্রিয়ভাবে নেভিগেশন বাটন যোগ করুন, কেবল শীর্ষভাগের জন্য।
data-back-btn-text sometext নেভিগেশন বাটনের টেক্সট নির্ধারণ করুন。
data-back-btn-theme লেটার (a-z) নেভিগেশন বাটনের থিম রঙ নির্ধারণ করুন。
data-close-btn-text লেটার (a-z) কথাবার্তায় বন্ধ বাটনের টেক্সট নির্ধারণ করুন。
data-dom-cache true | false কোনো পৃষ্ঠার jQuery DOM ক্যাচ নিরসন করা হবে কিনা (যদি এটি true হয়, তবে আপনাকে DOM পরিচালনা এবং সমস্ত মোবাইল ডিভাইসগুলিতে সম্পূর্ণভাবে পরীক্ষা করতে হবে)。
data-overlay-theme লেটার (a-z) আলোচনা পৃষ্ঠার প্রবণতা নির্ধারণ করুন。
data-theme লেটার (a-z) পৃষ্ঠার থিম রঙ নির্ধারণ করুন। ডিফল্ট "c"。
data-title sometext পৃষ্ঠার শিরোনাম নির্ধারণ করুন。
data-url url এই মানদান ইউআরএল-এর অপদানের জন্য ব্যবহার করা হয়, নয় পৃষ্ঠা অনুরূপতা প্রদানের জন্য。

Popup

data-role="popup" এর সাথে যুক্ত কোনো কন্টেনার

Data এট্রিবিউট মূল্য বর্ণনা
data-corners true | false উদ্বোধনী প্রবণতা নির্ধারণ করুন。
data-overlay-theme লেটার (a-z) উদ্বোধনী প্রবণতা নির্ধারণ করুন। ডিফল্ট হল স্বচ্ছ প্রবণতা (none)。
data-shadow true | false উদ্বোধনী প্রবণতা নির্ধারণ করুন。
data-theme লেটার (a-z) উদ্বোধনী প্রবণতা নির্ধারণ করুন। ডিফল্ট হল "none" এবং "none" হল স্বচ্ছ。
data-tolerance 30, 15, 30, 15 উইন্ডোর প্রান্ত থেকে দূরত্ব (top, right, bottom, left) নির্ধারণ করুন。

data-rel="popup" এর সাথে যুক্ত অ্যাঙ্কর

Data এট্রিবিউট মূল্য বর্ণনা
data-position-to origin | jQuery selector | window উদ্বোধনী প্রবণতা নির্ধারণ করুন。 উৎপত্তি - ডিফল্ট। উদ্বোধনী প্রবণতা উদ্বোধনীকারী লিঙ্কে অবস্থান করে。 jQuery selector - উদ্বোধনী প্রবণতা নির্দিষ্ট উপাদানে অবস্থান করে。 উইন্ডো - উদ্বোধনী প্রবণতা উইন্ডোর সীমান্তে অবস্থান করে。
data-rel popup উদ্বোধনী প্রবণতা প্রদানের জন্য ব্যবহার করুন。
data-transition fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none একটি পৃষ্ঠা থেকে আরেকটি পৃষ্ঠা পারের জন্য কিভাবে নির্ধারণ করুন। jQuery Mobile-এর ট্রানজিশন এসকোপ সহযোগেতা。

রেডিও বটন

label এবং type="radio" এর input সাথে যুক্ত হবে এবং স্বচালিতভাবে বটন শৈলীতে রাখা হবে, data-role ব্যবহার করা নয়。

Data এট্রিবিউট মূল্য বর্ণনা
data-mini true | false বটনকে ছোট বা সাধারণ মাপের নির্ধারণ করুন。
data-role none jQuery Mobile-কে ব্যবহার করে অপশিষ্ট বটনকে enhanced buttons শৈলীতে রাখুন。
data-theme লেটার (a-z) অপশিষ্ট বটনের থিম রঙ নির্ধারণ করুন。

সুঝান:একাধিক অপশিষ্ট বটনগুলি জুড়ানোর জন্য data-role="controlgroup" এবং data-type="horizontal|vertical" ব্যবহার করুন যাতে বটনগুলি শ্রেষ্ঠ হবে বা সামান্য হবে。

Select

সব বাছাই করার <select> এলিমেন্ট।এটি স্বচালিতভাবে বাটন স্টাইল সজ্জিত হবে, data-role প্রয়োজন না।

Data এট্রিবিউট মূল্য বর্ণনা
data-icon Icons Reference select এলিমেন্টের আইকন নির্ধারণ করুন।ডিফল্ট হল "arrow-d"。
data-iconpos ডান | বাম | শীর্ষ | নীচ | notext আইকনের অবস্থান নির্ধারণ করুন。
data-inline true | false select এলিমেন্টকে ইনলাইন করা হবে কিনা নির্ধারণ করুন。
data-mini true | false select এলিমেন্টকে ছোট বা সাধারণ মাপের নির্ধারণ করুন。
data-native-menu true | false যদি false হয়, তবে jQuery নিজস্ব পারস্পরিক কার্যকরী সিলেক্ট মেনু ব্যবহার করবে (আপনি যদি সব মোবাইল ডিভাইসে একই আকৃতির সিলেক্ট মেনু চান, তবে এটি সুপারিশ করা হয়)。
data-overlay-theme লেটার (a-z) jQuery পারস্পরিক কার্যকরী সিলেক্ট মেনুর থিম রঙ নির্ধারণ করুন (data-native-menu="false" সহ ব্যবহার করুন)。
data-placeholder true | false নীতির জন্য, non-native select এর <option> এলিমেন্টে সজ্জিত করা যায়。
data-role none jQuery Mobile এ সেলেক্ট এলিমেন্টকে বাটন স্টাইল সজ্জিত করুন。
data-theme লেটার (a-z) select এলিমেন্টের থিম রঙ নির্ধারণ করুন。

সুঝান:একাধিক select এলিমেন্টকে সংযুক্ত করতে, data-role="controlgroup" এবং data-type="horizontal|vertical" ব্যবহার করে এই এলিমেন্টকে হোরিজন্টাল বা ভার্টিক্যাল হিসাবে সংযুক্ত করুন。

Slider

type="range" এর input এলিমেন্ট।এটি স্বচালিতভাবে বাটন স্টাইল সজ্জিত হবে, data-role প্রয়োজন না।

Data এট্রিবিউট মূল্য বর্ণনা
data-highlight true | false স্লাইডার ট্র্যাককে আলোকিত করা হবে কিনা না নির্ধারণ করুন。
data-mini true | false স্লাইডারকে ছোট বা সাধারণ মাপের নির্ধারণ করুন。
data-role none jQuery Mobile এ স্লাইডার সেট বাটনের স্টাইল সজ্জিত করুন。
data-theme লেটার (a-z) স্লাইডার কন্ট্রোল (input, handle এবং track) এর থিম রঙ নির্ধারণ করুন。
data-track-theme লেটার (a-z) স্লাইডার ট্র্যাকের থিম রঙ নির্ধারণ করুন。

Text input & Textarea

type="text|search|etc." এর input এলিমেন্ট বা textarea এলিমেন্ট।এটি স্বচালিতভাবে স্টাইল সজ্জিত হবে, data-role প্রয়োজন না।

Data এট্রিবিউট মূল্য বর্ণনা
data-mini true | false ইনপুট এলিমেন্ট ছোট হবে কিংবা সাধারণ মাপের নিশ্চিত করুন。
data-role none jQuery Mobile প্রদান করা input/textarea এর স্টাইল নিশ্চিত করুন。
data-theme লেটার (a-z) ইনপুট ফিল্ডের থিম রঙ নির্ধারণ করুন。