වෙබ් පිටු නිර්මාණයට අවශ්ය මූලික මෙවලම් දෙකක් – Form සහ Table – ගැන කෙටි හැඳින්වීමක් මේ ලිපියෙන් ඔබට ලබා දෙන්නෙමු. Junior Full‑Stack Developer කෙනෙකුගේ පුහුණු පථයේදී මෙම අංගයන් කෙලෙස සකස් කරන්නේ, දත්ත සංග්රහ කිරීම සහ ඒවා සංවිධානය කිරීමේ ක්රමවේදයන් කුමක්ද යන්න පිළිබඳ ප්රායෝගික උදාහරණයක් මෙහි පෙන්වා ඇත.
උදාහරණයක් ලෙස, ඔබට පාඨමාලාවක් ප්රචාරය කරමින් සම්බන්ධතා තොරතුරු ලබා ගත යුතු නම්, Form භාවිතයෙන් නම, විද්යුත් තැපෑල, දුරකථන අංකය වැනි අත්යවශ්ය තොරතුරු ඇතුළත් කරගත හැක. තවත් select (පෙළපත්) සහ textarea (බහුපේළි පෙළ) භාවිතයෙන් පරිශීලකයන්ගේ අදහස්, ආකාරය, සූචනා වැනි තොරතුරු ගොඩනැගිය හැක.
Form එකේ required ගුණය නිසා බ්රව්සරය තොරතුරු හිස්ව සිටින විට එය යැවීමට ඉඩ නොදේ. maxlength මගින් textarea එකේ අක්ෂර සීමා කරමින් backend එකේ පරිමාණයට අනුකූලව තොරතුරු පාලනය කරයි. තවත් වැදගත් කරුණක් වන fieldset භාවිතය – ඒකකයක් තුළ radio button එකතු කරමින් පරිශීලකයන්ට එකම ප්රශ්නයකට එක තේරීමක් පමණක් කිරීමට ඉඩ සලසයි.
ශ්රී ලංකාවට ඇති වැදගත්කම
- සිසුන්ට HTML Form සහ Table පිළිබඳ ප්රායෝගික උදාහරණයක් ලබාදී, ඉගෙනුම් ගමන් මග සරල කරයි.
- දෙවල් පළපුරුදු Junior Developer කෙනෙකුට real‑world project එකක් තුළ data collection workflow එකක් හඳුන්වා දෙයි.
- ව්යාපාරිකයන්ට පාරිභෝගික තොරතුරු සකස් කිරීමේ පදනමක් සපයමින්, marketing campaign එකක් සැලසුම් කිරීමේදී කාර්යක්ෂමතාව වැඩි කරයි.
- Table භාවිතයෙන් දත්ත විශ්ලේෂණය හා වාර්තා සකස් කිරීම සරල කර, තොරතුරු‑ඇදහීමේ (data‑driven) තීරණ ගැනීමට උදව් කරයි.
අවසන් වශයෙන්, HTML Form සහ Table යන දෙකම වෙබ් සංවර්ධනයේ අත්යවශ්ය කොටස් වන අතර, ඒවා නිවැරදිව භාවිතා කිරීමෙන් පරිශීලක‑මිතුරැ අතුරුමුහුණත්, දත්ත ගබඩා කිරීමේ නිශ්චිත ක්රම, සහ ව්යාපාරික වර්ධනයේ නව අවස්ථා සකස් කරගත හැක.
