தீர்க்கப்பட்டது: தரவுப்பட்டியல் html

HTML தொடர்பான முக்கிய பிரச்சனை உறுப்பு இது அனைத்து உலாவிகளாலும் ஆதரிக்கப்படவில்லை. தற்போது, ​​Chrome, Firefox மற்றும் Edge ஆகியவை மட்டுமே ஆதரிக்கின்றன உறுப்பு. கூடுதலாக, சில மொபைல் உலாவிகள் உறுப்பை ஆதரிக்காது. அதாவது, ஆதரிக்கப்படாத உலாவிகளில் உள்ள பயனர்கள் தரவுப்பட்டியலின் செயல்பாட்டைப் பயன்படுத்த முடியாது.

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

1. இந்த குறியீடு டேட்டாலிஸ்ட் எனப்படும் HTML உறுப்பை உருவாக்குகிறது, இது உள்ளீட்டு புலத்திற்கான விருப்பங்களின் பட்டியலை உருவாக்க பயன்படுகிறது.
2. தரவுப்பட்டியலில் "உலாவிகள்" என்ற ஐடி பண்பு உள்ளது.
3. தரவுப்பட்டியலின் உள்ளே, ஐந்து விருப்ப கூறுகள் உள்ளன, ஒவ்வொன்றும் இணைய உலாவியின் பெயரைக் கொண்டிருக்கும் மதிப்பு பண்புக்கூறுடன் (Chrome, Firefox, Internet Explorer, Opera மற்றும் Safari).
4. இந்த தரவுப்பட்டியலுடன் தொடர்புடைய உள்ளீட்டு புலத்தில் பயனர் தட்டச்சு செய்யும் போது இந்த மதிப்புகள் பரிந்துரைகளாகப் பயன்படுத்தப்படும்.

டேட்டாலிஸ்ட் டேக் என்றால் என்ன

HTML "தானியங்கி" அம்சத்தை வழங்க குறிச்சொல் பயன்படுத்தப்படுகிறது உறுப்புகள். பயனர் தட்டச்சு செய்யும் போது பரிந்துரைக்க முன் வரையறுக்கப்பட்ட விருப்பங்களின் பட்டியலை இது வழங்குகிறது. டேட்டாலிஸ்ட் உறுப்பு "தானியங்கி" அம்சத்தை வழங்க பயன்படுகிறது உறுப்புகள். பயனர் தட்டச்சு செய்யும் போது பரிந்துரைக்க முன் வரையறுக்கப்பட்ட விருப்பங்களின் பட்டியலை இது வழங்குகிறது. பயன்படுத்தும் போது, ​​ஒரு முன் வரையறுக்கப்பட்ட விருப்பங்களின் பட்டியலைக் குறிப்பிடுகிறது உறுப்பு. உள்ளீட்டு புலத்தில் பயனர் இதுவரை தட்டச்சு செய்தவற்றுடன் தொடர்புடைய விருப்பங்களை மட்டுமே உலாவி காண்பிக்கும்.

Datalist மற்றும் dropdown இடையே என்ன வித்தியாசம்

Datalist என்பது ஒரு HTML உறுப்பு ஆகும், இது ஒரு பயனர் தேர்ந்தெடுக்கும் விருப்பங்களின் பட்டியலை வழங்குகிறது. இது கீழ்தோன்றும் மெனுவைப் போன்றது, ஆனால் முக்கிய வேறுபாடு என்னவென்றால், பயனர்கள் தங்கள் சொந்த மதிப்புகளை உள்ளிட அனுமதிக்கிறது. பயனர் உள்ளீட்டு புலத்தில் தட்டச்சு செய்யலாம் மற்றும் தரவுப்பட்டியல் அவர்கள் தட்டச்சு செய்ததன் அடிப்படையில் பரிந்துரைகளை வழங்கும். மறுபுறம், கீழ்தோன்றும் மெனு பயனர்களை முன் வரையறுக்கப்பட்ட விருப்பங்களிலிருந்து மட்டுமே தேர்ந்தெடுக்க அனுமதிக்கிறது. கூடுதலாக, டேட்டாலிஸ்ட் மூலம், பயனர்கள் விருப்பமாக பட்டியலிடப்படாவிட்டாலும் அவர்கள் விரும்பும் எந்த மதிப்பையும் தட்டச்சு செய்யலாம்.

HTML வடிவத்தில் தரவுப்பட்டியலை எவ்வாறு பயன்படுத்துவது

HTML உறுப்பு "தானியங்கி" அம்சத்தை வழங்க பயன்படுகிறது உறுப்புகள். பயனர்கள் தரவை உள்ளிடும்போது முன் வரையறுக்கப்பட்ட விருப்பங்களின் பட்டியலை வழங்க இது பயன்படுகிறது.

டேட்டாலிஸ்ட் உறுப்பைப் பயன்படுத்த, முதலில் ஒரு HTML படிவத்தை உருவாக்க வேண்டும் உறுப்பு மற்றும் அதற்கு ஒரு ஐடி பண்புக்கூறு கொடுக்கவும். பின்னர், நீங்கள் படிவத்தின் உள்ளே ஒரு டேட்டாலிஸ்ட் உறுப்பைச் சேர்த்து அதன் பட்டியல் பண்புக்கூறை உள்ளீட்டு புலத்தின் ஐடிக்கு சமமாக அமைக்கலாம். தரவுப்பட்டியலின் உள்ளே, நீங்கள் ஒன்று அல்லது அதற்கு மேற்பட்டவற்றைச் சேர்க்கலாம்

உதாரணமாக:


தொடர்புடைய இடுகைகள்:

ஒரு கருத்துரையை