இந்த கட்டுரை HTML இல் உள்ளீட்டு வகை=“தேதி” பயன்பாட்டை நடைமுறைச் செயலாக்கத்துடன் விளக்குகிறது.
HTML இல் உள்ளீட்டு வகை=”தேதி” ஐ எவ்வாறு பயன்படுத்துவது?
“உள்ளீடு வகை=‘தரவு’” என்பது சுகாதார இணையதளங்கள், விமான முன்பதிவு இணையதளங்கள், இ-காமர்ஸ் இணையதளங்கள், சமூக வலைப்பின்னல் தளங்கள் போன்ற பல்வேறு இணையதளங்களில் பயன்படுத்தப்படலாம். தேதித் தேர்வாளரின் தொடரியல் கீழே குறிப்பிடப்பட்டுள்ளது:
< உள்ளீடு வகை = 'தேதி' ஐடி = '' பெயர் = '' >
மேலே உள்ள குறியீடு துணுக்குகளில் பயன்படுத்தப்படும் பண்புக்கூறுகள்:
- முதலில், ' வகை ” பண்புக்கூறு உள்ளீட்டு புலத்தை தேதி தேர்வியாக செயல்பட அனுமதிக்கிறது, அதில் இருந்து பயனர் எந்த தேதியையும் தேர்வு செய்யலாம்.
- அடுத்து, ' ஐடி ” பண்பு அந்த தனிமத்தின் தனித்துவத்தை வரையறுக்கிறது. அதைப் பயன்படுத்துவதன் மூலம், உறுப்பைத் தேர்ந்தெடுக்கலாம் மற்றும் ஜாவாஸ்கிரிப்ட் செயல்பாட்டைப் பயன்படுத்தலாம்.
- அதன் பிறகு, ' பெயர் ” பண்புக்கூறு அந்த தனிமத்தின் பெயரைக் குறிப்பிடுகிறது. தேர்ந்தெடுக்கப்பட்ட உறுப்பின் மதிப்பைப் பெறுவதற்கான சரிபார்ப்புச் செயல்பாட்டில் இது உதவியை வழங்குகிறது.
புரிதலின் அளவை மேம்படுத்த, வெவ்வேறு எடுத்துக்காட்டுகள் மூலம் நடப்போம்:
எடுத்துக்காட்டு 1: HTML இல் வகை= “தேதி” ஐப் பயன்படுத்துதல்
HTML கோப்பில், '' 'ஒரு படிவக் கொள்கலனை உருவாக்குவதற்கான குறிச்சொல்லைக் கொண்டு பின்வரும் குறியீட்டின் வரியைச் செருகவும்:
< வடிவம் >
< முத்திரை க்கான = 'சேரும் நாள்' > நீங்கள் சேரும் தேதியைத் தேர்ந்தெடுக்கவும்: < / முத்திரை >
< உள்ளீடு வகை = 'தேதி' ஐடி = 'சேரும் நாள்' பெயர் = 'சேரும் நாள்' >
< / வடிவம் >
மேலே உள்ள குறியீடு துணுக்கில்:
- முதலில், ' <லேபிள்> 'டேக் பயன்படுத்தப்படுகிறது, இதில் போலி தரவு வைக்கப்படுகிறது மற்றும் மதிப்பு' சேரும் நாள் 'க்கு வழங்கப்பட்டுள்ளது' க்கான ” பண்பு.
- அடுத்து, ' <உள்ளீடு> 'குறிச்சொல்' மதிப்புடன் பயன்படுத்தப்படுகிறது தேதி 'அதற்கு' வகை ” பண்பு.
- அதன் பிறகு, மதிப்பை அமைக்கவும் ' சேரும் நாள் 'க்கு' ஐடி ” பண்பு. மேலும், 'இன் மதிப்பை அமைக்கவும் பெயர் ” தேவைக்கேற்ப பண்பு.
மேலே உள்ள குறியீடு துணுக்கைச் செயல்படுத்திய பிறகு, வலைப்பக்கம் இப்படித் தோன்றும்:
மேலே உள்ள gif, HTML இல் உள்ளீடு வகை= “தரவு” ஐப் பயன்படுத்தி தேதி தெரிவு உருவாக்கப்பட்டது என்பதை விளக்குகிறது.
எடுத்துக்காட்டு 2: ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி தேதியை மீட்டெடுக்கிறது
தரவை மீட்டெடுக்க, பயனர்கள் JavaScript செயல்பாடுகளைப் பயன்படுத்தலாம். சிறந்த புரிதலுக்கு, கீழே உள்ள குறியீடு தொகுதியைப் பார்வையிடவும்:
< பொத்தானை கிளிக் செய்யவும் = 'மீட்டெடுக்கும் தேதி()' >தேதியைப் பெறு< / பொத்தானை >< கையால் எழுதப்பட்ட தாள் வகை = 'உரை/ஜாவாஸ்கிரிப்ட்' >
செயல்பாடு retrieveDate ( ) {
தேதிஉள்ளீடு இருந்தது = document.getElementById ( 'சேரும் நாள்' ) ;
var தேர்ந்தெடுக்கப்பட்ட தேதி = தேதிஉள்ளீடு. மதிப்பு ;
எச்சரிக்கை ( 'தேர்ந்தெடுக்கப்பட்ட தேதி:' + தேர்ந்தெடுக்கப்பட்ட தேதி ) ;
}
< / கையால் எழுதப்பட்ட தாள் >
மேலே உள்ள குறியீடு துணுக்கில்:
- முதலில், ' மீட்டெடுக்கும் தேதி() 'செயல்பாடு' உள்ளே உருவாக்கப்படுகிறது