HTML தொடர்பான முக்கிய பிரச்சனை
<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 படிவத்தை உருவாக்க வேண்டும் உறுப்பு மற்றும் அதற்கு ஒரு ஐடி பண்புக்கூறு கொடுக்கவும். பின்னர், நீங்கள் படிவத்தின் உள்ளே ஒரு டேட்டாலிஸ்ட் உறுப்பைச் சேர்த்து அதன் பட்டியல் பண்புக்கூறை உள்ளீட்டு புலத்தின் ஐடிக்கு சமமாக அமைக்கலாம். தரவுப்பட்டியலின் உள்ளே, நீங்கள் ஒன்று அல்லது அதற்கு மேற்பட்டவற்றைச் சேர்க்கலாம்
உதாரணமாக: