ઉકેલાયેલ: ડેટાલિસ્ટ html

HTML થી સંબંધિત મુખ્ય સમસ્યા તત્વ એ છે કે તે બધા બ્રાઉઝર્સ દ્વારા સમર્થિત નથી. હાલમાં, ફક્ત ક્રોમ, ફાયરફોક્સ અને એજ સપોર્ટ કરે છે તત્વ વધુમાં, કેટલાક મોબાઇલ બ્રાઉઝર્સ એલિમેન્ટને સપોર્ટ કરતા નથી. આનો અર્થ એ છે કે અસમર્થિત બ્રાઉઝર પરના વપરાશકર્તાઓ ડેટાલિસ્ટની કાર્યક્ષમતાનો ઉપયોગ કરી શકશે નહીં.

<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

1. આ કોડ ડેટાલિસ્ટ તરીકે ઓળખાતું HTML ઘટક બનાવે છે, જેનો ઉપયોગ ઇનપુટ ફીલ્ડ માટે વિકલ્પોની સૂચિ બનાવવા માટે થાય છે.
2. ડેટાલિસ્ટમાં "બ્રાઉઝર્સ"નું id લક્ષણ છે.
3. ડેટાલિસ્ટની અંદર, પાંચ ઓપ્શન એલિમેન્ટ્સ છે, દરેકમાં વેલ્યુ એટ્રિબ્યુટ છે જેમાં વેબ બ્રાઉઝર (Chrome, Firefox, Internet Explorer, Opera અને Safari)નું નામ છે.
4. જ્યારે વપરાશકર્તા આ ડેટાલિસ્ટ સાથે સંકળાયેલ ઇનપુટ ફીલ્ડમાં ટાઇપ કરશે ત્યારે આ મૂલ્યોનો ઉપયોગ સૂચનો તરીકે કરવામાં આવશે.

ડેટાલિસ્ટ ટેગ શું છે

એચટીએમએલ ટેગનો ઉપયોગ "સ્વતઃપૂર્ણ" સુવિધા પ્રદાન કરવા માટે થાય છે તત્વો તે પૂર્વવ્યાખ્યાયિત વિકલ્પોની સૂચિ પ્રદાન કરે છે જે વપરાશકર્તાને તેઓ લખે છે તેમ સૂચવે છે. ડેટાલિસ્ટ ઘટકનો ઉપયોગ "સ્વતઃપૂર્ણ" સુવિધા પ્રદાન કરવા માટે થાય છે તત્વો તે પૂર્વવ્યાખ્યાયિત વિકલ્પોની સૂચિ પ્રદાન કરે છે જે વપરાશકર્તાને તેઓ લખે છે તેમ સૂચવે છે. જ્યારે ઉપયોગ થાય છે, ત્યારે તે એક માટે પૂર્વ-નિર્ધારિત વિકલ્પોની સૂચિનો ઉલ્લેખ કરે છે તત્વ બ્રાઉઝર ફક્ત તે જ વિકલ્પો પ્રદર્શિત કરે છે જે વપરાશકર્તાએ ઇનપુટ ફીલ્ડમાં અત્યાર સુધી જે ટાઇપ કર્યું છે તેનાથી સંબંધિત છે.

ડેટાલિસ્ટ અને ડ્રોપડાઉન વચ્ચે શું તફાવત છે

ડેટાલિસ્ટ એ HTML ઘટક છે જે વપરાશકર્તાને પસંદ કરવા માટે વિકલ્પોની સૂચિ પ્રદાન કરે છે. તે ડ્રોપડાઉન મેનૂ જેવું જ છે, પરંતુ મુખ્ય તફાવત એ છે કે તે વપરાશકર્તાઓને તેમના પોતાના મૂલ્યો દાખલ કરવાની મંજૂરી આપે છે. વપરાશકર્તા ઇનપુટ ફીલ્ડમાં ટાઇપ કરી શકે છે અને ડેટાલિસ્ટ તેમણે શું ટાઇપ કર્યું છે તેના આધારે સૂચનો પ્રદાન કરશે. બીજી તરફ, ડ્રોપડાઉન મેનૂ, વપરાશકર્તાઓને ફક્ત પૂર્વ-નિર્ધારિત વિકલ્પોમાંથી પસંદ કરવાની મંજૂરી આપે છે. વધુમાં, ડેટાલિસ્ટ સાથે, વપરાશકર્તાઓ તેઓને જોઈતું કોઈપણ મૂલ્ય ટાઈપ કરી શકે છે, પછી ભલે તે વિકલ્પ તરીકે સૂચિબદ્ધ ન હોય.

HTML ફોર્મમાં ડેટાલિસ્ટનો ઉપયોગ કેવી રીતે કરવો

એચટીએમએલ તત્વનો ઉપયોગ "સ્વતઃપૂર્ણ" સુવિધા પ્રદાન કરવા માટે થાય છે તત્વો તેનો ઉપયોગ વપરાશકર્તાને પૂર્વવ્યાખ્યાયિત વિકલ્પોની સૂચિ પ્રદાન કરવા માટે થાય છે કારણ કે તેઓ ડેટા ઇનપુટ કરે છે.

ડેટાલિસ્ટ એલિમેન્ટનો ઉપયોગ કરવા માટે, તમારે પહેલા એક સાથે HTML ફોર્મ બનાવવાની જરૂર છે તત્વ અને તેને id લક્ષણ આપો. તે પછી, તમે ફોર્મની અંદર ડેટાલિસ્ટ એલિમેન્ટ ઉમેરી શકો છો અને ઇનપુટ ફીલ્ડના id જેટલી તેની સૂચિ વિશેષતા સેટ કરી શકો છો. ડેટાલિસ્ટની અંદર, તમે એક અથવા વધુ ઉમેરી શકો છો

દાખ્લા તરીકે:


સંબંધિત પોસ્ટ્સ:

પ્રતિક્રિયા આપો