' ஒரு பயனர் கீழ்தோன்றும் மெனுவிலிருந்து அல்லது இணையப் படிவங்களில் உள்ள தேர்வுப் பட்டியல்களில் இருந்து தேர்வுசெய்யக்கூடிய விருப்பத்தை வரையறுக்க 'குறிச்சொல் பயன்படுத்தப்படுகிறது. ' ” டேக் டெவலப்பர்கள் விருப்பங்களின் தொகுப்பை உருவாக்க அனுமதிக்கிறது, அதில் இருந்து பயனர் எந்த விருப்பத்தையும் தேர்வு செய்யலாம். ஆய்வுகள், ஆன்லைன் ஷாப்பிங் தளங்கள், பதிவு படிவங்கள் போன்ற பல்வேறு பயன்பாடுகளில் இது பயன்படுத்தப்படுகிறது.
இந்த கட்டுரை HTML இல் உள்ள விருப்ப குறிச்சொல்லை நடைமுறை எடுத்துக்காட்டுகளுடன் விளக்குகிறது:
- ஆப்ஷன் டேக் என்றால் என்ன மற்றும் அதை HTML இல் எப்படி பயன்படுத்துவது?
- கீழ்தோன்றும் பட்டியலை உருவாக்குதல்
- தானியங்கு முழுமையான பட்டியலை உருவாக்குதல்
ஆப்ஷன் டேக் என்றால் என்ன மற்றும் அதை HTML இல் எப்படி பயன்படுத்துவது?
விருப்ப குறிச்சொல்லை '' உடன் பயன்படுத்தலாம் <தேர்ந்தெடு> 'மற்றும்' ' குறிச்சொற்கள். வழக்கில் ' ” டேக், இது ஒரு உலாவி மூலம் தானாக முடிக்கக்கூடிய விருப்பங்களின் பட்டியலை உருவாக்குகிறது. இடையே உள்ள உறவைப் பற்றி நன்றாகப் புரிந்துகொள்வதற்கு இரண்டு எடுத்துக்காட்டுகளைப் பார்ப்போம். '' உடன் குறிச்சொல் <தேர்ந்தெடு> 'மற்றும்' ' குறிச்சொற்கள்:
எடுத்துக்காட்டு 1: கீழ்தோன்றும் பட்டியலை உருவாக்குதல்
' 'குறிச்சொல்' உடன் பயன்படுத்தப்படுகிறது <தேர்ந்தெடு> ” என்ற குறிச்சொல்லை வலைப்பக்கத்தில் கீழ்தோன்றும் பட்டியலை உருவாக்கவும். ' ” கீழ்தோன்றும் பட்டியலில் ஒவ்வொரு விருப்பத்தை/பட்டியல் உருப்படியை உருவாக்குகிறது. சிறந்த புரிதலுக்கு கீழே உள்ள குறியீடு துணுக்கைப் பின்பற்றுவோம்:
< h2 > கணிப்பொறி செயல்பாடு மொழி h2 >
< முத்திரை க்கான = 'ஆயுதம்' > ஒரு நிரலாக்க ஆயுதத்தைத் தேர்ந்தெடுக்கவும்: முத்திரை >
< தேர்ந்தெடுக்கவும் ஐடி = 'நிரல் பட்டியல்கள்' >
< விருப்பம் மதிப்பு = '' > ஒரு விருப்பத்தைத் தேர்ந்தெடுக்கவும் விருப்பம் >
< விருப்பம் மதிப்பு = 'c++' > C++ விருப்பம் >
< விருப்பம் மதிப்பு = '.net' > டாட் நெட் விருப்பம் >
< விருப்பம் மதிப்பு = 'nodejs' > முனை js விருப்பம் >
தேர்ந்தெடுக்கவும் >
மேலே உள்ள குறியீடு துணுக்கில்:
- முதலில், ' <லேபிள்> தரவைக் காட்ட 'குறிச்சொல் பயன்படுத்தப்படுகிறது, மேலும் இது' உடன் ஒதுக்கப்படுகிறது <தேர்ந்தெடு> 'குறிச்சொல் அதன்' பயன்படுத்தி க்கான ” பண்பு.
- அதன் பிறகு, ' <தேர்ந்தெடு> 'என்ற குறிச்சொல் கீழ்தோன்றும் பட்டியலுக்கான சூழலை உருவாக்க பயன்படுகிறது.
- அடுத்து, ' கீழ்தோன்றும் பட்டியல் உருப்படிகளாக வைக்கப்படும் பட்டியல் உருப்படிகளை உருவாக்க 'குறிச்சொல் பயன்படுத்தப்படுகிறது.
கீழ்தோன்றும் பட்டியலின் கட்டமைப்பை அமைத்த பிறகு, இப்போது சில அடிப்படை ஸ்டைலிங்கைப் பயன்படுத்துவோம்:
முத்திரை {காட்சி: தொகுதி;
விளிம்பு-கீழ்: 5px;
}
தேர்ந்தெடுக்கவும் {
திணிப்பு: 5px;
எல்லை-ஆரம்: 5px;
அகலம்: 200px;
}
CSS பண்புகளின் விளக்கம் கீழே விவரிக்கப்பட்டுள்ளது:
- முதலில், ' முத்திரை 'உறுப்பு மற்றும் பின்னர் 'பிளாக்' மற்றும் '5px' மதிப்புகளை CSS 'க்கு அமைக்கவும் காட்சி 'மற்றும்' விளிம்பு-கீழே 'பண்புகள்.
- அடுத்து, ' தேர்ந்தெடுக்கவும் 'உறுப்பு தேர்ந்தெடுக்கப்பட்டது மற்றும் CSS க்கு '5px', '5px' மற்றும் '200px' மதிப்புகளை வழங்குகிறது ' திணிப்பு ”,” எல்லை-ஆரம் 'மற்றும்' அகலம் ” பண்புகள், முறையே. இந்த பண்புகள் பயனர் பார்வையை அதிகரிக்க பயன்படுத்தப்படுகின்றன.
மேலே உள்ள குறியீடு துணுக்குகளைச் செயல்படுத்திய பிறகு, வலைப்பக்கம் இப்படி இருக்கும்:
மேலே உள்ள வெளியீடு கீழ்தோன்றும் '' ஐப் பயன்படுத்தி உருவாக்கப்பட்டுள்ளது என்பதைக் காட்டுகிறது. '' உடன் குறிச்சொல் <தேர்ந்தெடு> ” குறிச்சொல்.
எடுத்துக்காட்டு 2: தானியங்கு-நிரப்பு பட்டியலை உருவாக்குதல்
' 'குறிச்சொல்' உடன் பயன்படுத்தப்படுகிறது தானாக நிறைவு பட்டியலை உருவாக்க 'குறிச்சொல். இது ' <உள்ளீடு> ” டேக் தானாக முழுமையான பட்டியலில் உள்ள விருப்பங்களால் நிரப்பப்படும். HTML ஐப் பயன்படுத்தி தானாக முழுமையான பட்டியலை உருவாக்குவதற்கான குறியீடு கீழே குறியீடு துணுக்கில் காட்டப்பட்டுள்ளது:
< முத்திரை க்கான = 'புரோக்-டூல்ஸ்' > அல்லது வகை ஒரு நிரலாக்க கருவி: முத்திரை >< உள்ளீடு வகை = 'உரை' ஐடி = 'புரோக்-டூல்ஸ்' பட்டியல் = 'கருவிகள்' >
< தரவு பட்டியல் ஐடி = 'கருவிகள்' >
< விருப்பம் மதிப்பு = 'சி++' >
< விருப்பம் மதிப்பு = 'சட்டசபை' >
< விருப்பம் மதிப்பு = '.நெட்' >
< விருப்பம் மதிப்பு = 'PHP' >
< விருப்பம் மதிப்பு = 'ரூபி' >
< விருப்பம் மதிப்பு = 'ஸ்விஃப்ட்' >
< விருப்பம் மதிப்பு = 'நோட் ஜேஎஸ்' >
< விருப்பம் மதிப்பு = 'எதிர்வினை' >
< விருப்பம் மதிப்பு = 'மோங்கோ' >
< விருப்பம் மதிப்பு = 'ஜாவா' >
< விருப்பம் மதிப்பு = 'பைத்தான்' >
தரவு பட்டியல் >
மேலே உள்ள குறியீடு துணுக்கில்:
- முதலில், '' <லேபிள்> ” குறிச்சொல் HTML உறுப்புடன் உரையைக் காண்பிக்கும்.
- அடுத்து, '' ஐப் பயன்படுத்தவும் <உள்ளீடு> ” குறிச்சொல் பயனரால் கைமுறையாக நிரப்பப்படும் அல்லது தானாக பூர்த்தி செய்யும் பட்டியலில் உள்ள விருப்பங்களால் தானாக நிரப்பப்படும்.
- அதன் பிறகு, '' பயன்படுத்தவும் 'குறிச்சொல்லி அதன்' அமைக்கவும் ஐடி ' பண்பு மதிப்பு ' மதிப்புக்கு சமம் பட்டியல் '' பண்புக்கூறு <உள்ளீடு> ” குறிச்சொல்.
- அடுத்து, '' பயன்படுத்தவும் '
மேலே உள்ள குறியீடு துணுக்கைச் செயல்படுத்திய பிறகு, வலைப்பக்கம் இப்படித் தோன்றும்:
'' ஐப் பயன்படுத்தி தானாக முழுமையான பட்டியல் உருவாக்கப்பட்டதாக வெளியீடு காட்டுகிறது '' என்ற கலவையுடன் குறிச்சொல் 'மற்றும்' <உள்ளீடு> ' குறிச்சொற்கள்.
முடிவுரை
' ” டேக் டெவலப்பரை விருப்பப் பட்டியலுக்கான விருப்பங்களை உருவாக்க அனுமதிக்கிறது, அதில் இருந்து பயனர் எந்த விருப்பத்தையும் தேர்வு செய்யலாம். இந்த “