உங்களுக்கு பிடித்த வலைத்தளங்களை உலாவும்போது, கிடைக்கக்கூடிய பலவற்றிலிருந்து ஒரு விருப்பத்தை நீங்கள் தேர்ந்தெடுக்க வேண்டியிருக்கும் போது தேர்வுப்பெட்டிகள் தோன்றும். இந்த தேர்வுப்பெட்டிகள் உருவாக்கப்பட்டுள்ளன ஒரு சிறப்பு குறிச்சொல் உதவியுடன். இந்த கட்டுரையில், HTML இல் ஒரு தேர்வுப்பெட்டியை எவ்வாறு உருவாக்குவது மற்றும் பின்வரும் வரிசையில் தேர்வுப்பெட்டிகளின் செயல்பாட்டை பார்ப்போம்:
- HTML இல் ஒரு தேர்வுப்பெட்டியை உருவாக்குவது எப்படி?
- செக்பாக்ஸ் Vs ரேடியோ பொத்தான்கள்
- HTML இல் ஒரு தேர்வுப்பெட்டியை முடக்குகிறது
HTML இல் ஒரு தேர்வுப்பெட்டியை உருவாக்குவது எப்படி?
தேர்வுப்பெட்டி என்பது ஒரு படிவ உறுப்பு ஆகும், இது கிடைக்கக்கூடிய வெவ்வேறு விருப்பங்களிலிருந்து பல விருப்பங்களைத் தேர்ந்தெடுக்க உங்களை அனுமதிக்கிறது. தேர்வுப்பெட்டிகள் HTMLtag உடன் உருவாக்கப்படுகின்றன. இது அலுமினுள் கூடு கட்டலாம் அல்லது அவை தனியாக நிற்கலாம். அவை உதவியுடன் ஒரு படிவத்துடன் தொடர்புபடுத்தப்படலாம் படிவம் பண்புக்கூறு குறிச்சொல்.
எளிய தேர்வுப்பெட்டியை உருவாக்க ஒரு அடிப்படை உதாரணம் இங்கே:
சிவப்பு பச்சை நீலம்
வெளியீடு:
மற்றொரு எடுத்துக்காட்டைக் கருத்தில் கொண்டு சமர்ப்பி பொத்தானைச் சேர்ப்பதன் மூலம் தேர்வுப்பெட்டிகள் பயனுள்ளதாக இருக்கும். இங்கே, படிவத்தை செயலாக்க ஒரு பக்கத்தைக் குறிப்பிடும் ஒரு உறுப்புக்குள் தேர்வுப்பெட்டிகளையும் வைக்கலாம்.
உங்களுக்கு பிடித்த நிறம் எது? சிவப்பு பச்சை நீலம்விளைவாக:
வெளியீடு:
செக்பாக்ஸ் Vs ரேடியோ பொத்தான்கள்
ரேடியோ பொத்தான்கள் பயனரை ஒரு விருப்பத்தை மட்டும் தேர்ந்தெடுக்க அனுமதிக்கின்றன. அதேசமயம், தேர்வுப்பெட்டிகள் பயனரை எத்தனை விருப்பங்களைத் தேர்ந்தெடுக்க அனுமதிக்கின்றன. ஒரு எடுத்துக்காட்டு எடுத்து ரேடியோ பொத்தான்கள் மற்றும் தேர்வுப்பெட்டிகள் எவ்வாறு செயல்படுகின்றன என்பதைப் பார்ப்போம்:
ஜாவாஸ்கிரிப்டில் எச்சரிக்கை என்ன
தேர்வுப்பெட்டிகள்
உங்களுக்கு பிடித்த நிறம் எது? சிவப்பு பச்சை நீலம்ரேடியோ பொத்தான்கள்
உங்கள் பாலினத்தை தேர்வுசெய்யவும்? ஆண் பெண் தெரியவில்லைவிளைவாக:
வெளியீடு:
மேலே உள்ள எடுத்துக்காட்டில், நீங்கள் விரும்பும் பல தேர்வுப்பெட்டிகளை நீங்கள் தேர்ந்தெடுக்கலாம் என்பதைக் காணலாம். பயனர் பல விருப்பங்களைத் தேர்ந்தெடுக்கக்கூடிய நேரங்களுக்கு இது தேர்வுப்பெட்டியை பொருத்தமானதாக்குகிறது. ஆனால், ஒன்றுக்கு மேற்பட்ட ரேடியோ பொத்தானைத் தேர்ந்தெடுக்க முயற்சித்தால், முந்தைய தேர்வு டி-தேர்ந்தெடுக்கப்பட்டதாகும். ஒரே ஒரு விருப்பத்தைத் தேர்ந்தெடுக்க பயனர்களைச் செயல்படுத்த இது உதவுகிறது.
HTML இல் ஒரு தேர்வுப்பெட்டியை முடக்குகிறது
நீங்கள் ஒரு தேர்வுப்பெட்டியை முடக்கலாம் முடக்கப்பட்ட பண்புகளைப் பயன்படுத்துவதன் மூலம். சில நிபந்தனைகள் பூர்த்தி செய்யப்பட்டுள்ளதா என்பதைப் பொறுத்து தேர்வுப்பெட்டியை இயக்க அல்லது முடக்க ஸ்கிரிப்டுடன் இணைந்து இதைச் செய்யலாம்.
தேர்வுப்பெட்டியை எவ்வாறு முடக்கலாம் என்பதைப் பார்க்க ஒரு எடுத்துக்காட்டு எடுத்துக்கொள்வோம்:
சிவப்பு பச்சை நீலம்
வெளியீடு:
மேலே உள்ள எடுத்துக்காட்டில், சிவப்பு நிறத்தை முடக்கியுள்ளோம். எனவே, நீங்கள் தேர்வுப்பெட்டியில் இருந்து பச்சை மற்றும் நீல நிறங்களைத் தேர்ந்தெடுக்கலாம், ஆனால் சிவப்பு நிறத்தை அல்ல.
இதன் மூலம், எங்கள் கட்டுரையின் முடிவுக்கு வந்துள்ளோம். HTML இல் உள்ள தேர்வுப்பெட்டிகள் எவ்வாறு செயல்படுகின்றன, அவை எவ்வாறு வித்தியாசமாக பயன்படுத்தப்படலாம் என்பதை நீங்கள் புரிந்து கொண்டீர்கள் என்று நம்புகிறேன்.
செலினியத்தில் தரவு உந்துதல் சோதனை
HTML இல் தேர்வுப்பெட்டியைப் பற்றி இப்போது உங்களுக்குத் தெரியும், பாருங்கள் வழங்கியவர் எடுரேகா. HTML5, CSS3, Twitter பூட்ஸ்டார்ப் 3, jQuery மற்றும் Google API களைப் பயன்படுத்தி ஈர்க்கக்கூடிய வலைத்தளங்களை எவ்வாறு உருவாக்குவது மற்றும் அதை அமேசான் எளிய சேமிப்பக சேவைக்கு (S3) பயன்படுத்துவது எப்படி என்பதை அறிய வலை அபிவிருத்தி சான்றிதழ் பயிற்சி உதவும்.
எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? 'HTML இல் உள்ள தேர்வுப்பெட்டி' இன் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களைத் தொடர்புகொள்வோம்.