یہ مضمون عملی نفاذ کے ساتھ HTML میں ان پٹ قسم='تاریخ' کے استعمال کو ظاہر کرتا ہے۔
HTML میں input type=”date” کا استعمال کیسے کریں؟
'ان پٹ قسم = 'ڈیٹا'' کو مختلف ویب سائٹس میں استعمال کیا جا سکتا ہے، جیسے ہیلتھ کیئر ویب سائٹس، ایئر لائن بکنگ ویب سائٹس، ای کامرس ویب سائٹس، سوشل نیٹ ورکنگ سائٹس وغیرہ۔ ڈیٹ چننے والے کی ترکیب ذیل میں بیان کی گئی ہے:
< ان پٹ قسم = 'تاریخ' آئی ڈی = '' نام = '' >
مندرجہ بالا کوڈ کے ٹکڑوں میں استعمال شدہ صفات یہ ہیں:
- سب سے پہلے، ' قسم ” وصف ان پٹ فیلڈ کو تاریخ چننے والے کے طور پر کام کرنے کی اجازت دیتا ہے جہاں سے صارف کوئی بھی تاریخ چن سکتا ہے۔
- اگلا، ' آئی ڈی ” وصف اس عنصر کی انفرادیت کی وضاحت کرتا ہے۔ اسے استعمال کرنے سے، عنصر کو منتخب کیا جا سکتا ہے اور جاوا اسکرپٹ کی فعالیت کو لاگو کیا جا سکتا ہے۔
- اس کے بعد، ' نام ” وصف اس عنصر کا نام بتاتا ہے۔ یہ منتخب عنصر کی قدر حاصل کرنے کے لیے توثیق کے عمل میں مدد فراہم کرتا ہے۔
افہام و تفہیم کی سطح کو بڑھانے کے لیے، آئیے مختلف مثالوں کے ذریعے چلتے ہیں:
مثال 1: HTML میں type= 'date' کا استعمال
ایچ ٹی ایم ایل فائل میں، ' فارم کنٹینر کی تخلیق کے لیے ٹیگ لگائیں اور درج ذیل کوڈ کی لائن داخل کریں:
< فارم >
< لیبل کے لیے = 'تاریخ شمولیت' > اپنی شمولیت کی تاریخ منتخب کریں: < / لیبل >
< ان پٹ قسم = 'تاریخ' آئی ڈی = 'تاریخ شمولیت' نام = 'تاریخ شمولیت' >
< / فارم >
مندرجہ بالا کوڈ کے ٹکڑوں میں:
- سب سے پہلے، ' ٹیگ استعمال کیا جاتا ہے جس میں ڈمی ڈیٹا رکھا جاتا ہے اور اس کی قدر تاریخ شمولیت 'کو فراہم کیا گیا ہے' کے لیے ' وصف.
- اگلا، ' 'ٹیگ' کی قدر کے ساتھ استعمال ہوتا ہے۔ تاریخ 'اس کے پاس' قسم ' وصف.
- اس کے بعد، 'کی قدر مقرر کریں تاریخ شمولیت ' کرنے کے لئے ' آئی ڈی ' وصف. اس کے علاوہ، 'کی قدر مقرر کریں نام 'ضرورت کے مطابق خصوصیت۔
مندرجہ بالا کوڈ کے ٹکڑوں پر عمل درآمد کے بعد، ویب صفحہ اس طرح ظاہر ہوتا ہے:
مندرجہ بالا GIF واضح کرتا ہے کہ HTML میں ان پٹ ٹائپ = 'ڈیٹا' کا استعمال کرتے ہوئے ڈیٹ چننے والا بنایا گیا ہے۔
مثال 2: جاوا اسکرپٹ کا استعمال کرتے ہوئے تاریخ کو دوبارہ حاصل کرنا
ڈیٹا کو بازیافت کرنے کے لیے، صارف جاوا اسکرپٹ کی خصوصیات کو استعمال کر سکتے ہیں۔ بہتر تفہیم کے لیے، نیچے دیے گئے کوڈ بلاک پر جائیں:
< بٹن کلک پر = 'retrieveDate()' >تاریخ حاصل کریں< / بٹن >< سکرپٹ قسم = 'متن/جاوا اسکرپٹ' >
فنکشن بازیافت کی تاریخ ( ) {
dateInput تھا۔ = document.getElementById ( 'تاریخ شمولیت' ) ;
var منتخب تاریخ = dateInput. قدر ;
الرٹ ( 'منتخب تاریخ:' + منتخب کردہ تاریخ ) ;
}
< / سکرپٹ >
مندرجہ بالا کوڈ کے ٹکڑوں میں:
- سب سے پہلے، ' بازیافت کی تاریخ () 'فنکشن' کے اندر پیدا ہوتا ہے