ஒரு தனிமத்தின் பல மதிப்புகள் இருக்கும்போது, பயனருக்கு விருப்பங்கள் வழங்கப்படுகின்றன, அதில் இருந்து பயனர்கள் தங்கள் விருப்பங்களுக்கு ஏற்ப ஒரு விருப்பத்தைத் தேர்ந்தெடுக்கலாம். தேர்வுப்பெட்டி, கீழ்தோன்றும் மெனு மற்றும் ரேடியோ பட்டன் போன்ற பல்வேறு வடிவங்களில் இது உள்ளது. மேலும் குறிப்பாக, கீழ்தோன்றும் மெனு, பயனர் ஒன்றைத் தேர்ந்தெடுக்க அனுமதிக்கும் விருப்பங்களின் முன் வரையறுக்கப்பட்ட பட்டியல்களை வழங்குகிறது.
தேர்ந்தெடுக்கப்பட்ட விருப்பத்தின் நிறத்தை மாற்றுவதற்கான செயல்முறையை இந்த கையேடு விளக்கும். இதற்காக, முதலில், கீழ்தோன்றும் மெனுவை உருவாக்கி, CSS ஐப் பயன்படுத்தி ஸ்டைல் செய்வோம், பின்னர் தேர்ந்தெடுக்கப்பட்ட விருப்பத்தின் நிறத்தை மாற்றுவோம்.
தொடங்குவோம்!
HTML & CSS ஐப் பயன்படுத்தி கீழ்தோன்றும் மெனுவை உருவாக்குவது எப்படி?
HTML இல், '' ஐப் பயன்படுத்தி கீழ்தோன்றும் மெனுவை உருவாக்கலாம் <லேபிள்> ”,” <தேர்ந்தெடு> 'மற்றும்' ' குறிச்சொற்கள். இன்னும் தெளிவாக புரிந்து கொள்ள, கீழ்தோன்றும் மெனுவின் தொடரியல் செல்லலாம்.
தொடரியல்
கீழ்தோன்றும் மெனுவின் தொடரியல் இங்கே:
< முத்திரை > உரை முத்திரை > < தேர்ந்தெடுக்கவும் > < விருப்பம் மதிப்பு = '' > விருப்பம் 1 விருப்பம் > < விருப்பம் மதிப்பு = '' > விருப்பம்2 விருப்பம் >
... < விருப்பம் மதிப்பு = '' > விருப்பம்N விருப்பம் > தேர்ந்தெடுக்கவும் >
மேலே உள்ள தொடரியலில் பயன்படுத்தப்படும் HTML குறிச்சொற்களை விளக்குவோம்:
சுருக்கப்பட்ட விருப்பத்தை
<தேர்ந்தெடு>: இந்த உறுப்பு பட்டியலிலிருந்து ஒரு பொருளைத் தேர்ந்தெடுக்க பயனருக்கு உதவுகிறது.
கீழ்தோன்றும் மெனுவிற்கான விருப்பங்களை வழங்க இது பயன்படுகிறது.
மேலே உள்ள தொடரியலை விளக்குவதற்கு ஒரு நடைமுறை உதாரணத்தை இங்கே தருகிறோம்.
படி 1: கீழ்தோன்றும் மெனுவை உருவாக்கவும்
முதலில், நாம் ஒரு
ஐ உருவாக்கி,
குறிச்சொல்லைப் பயன்படுத்தி ஒரு தலைப்பைச் சேர்ப்போம். அதில் கீழ்தோன்றும் மெனுவைச் சேர்க்க, லேபிள் குறிச்சொல்லைப் பயன்படுத்துவோம், மேலும் ' ஒரு நாட்டைத் தேர்ந்தெடுக்கவும் ” என முத்திரை. அதன் பிறகு, பயனருக்கு விருப்பங்களை விருப்பமானதாக மாற்ற