HTML 5 - Registration Form - Validation without JavaScript

use HTML 5 more compatible web browsers,
1. Opera          2. Google Chrome          3. Mozilla Firefox

First Name Middle Name Last Name Email Address Password Password Gender Male Female Birthday Birth Time Mobile Phone Land Phone District Ampara Anuradhapura Badulla Batticaloa Colombo Galle Gampaha Hambantota Jaffna Kalutara Kandy Kegalle Kilinochchi Kurunegala Mannar Matale Matara Moneragala Mullaitivu Nuwara Eliya Polonnaruwa Puttalam Ratnapura Trincomalee Jaffna Kalutara Kandy Kegalle Kilinochchi Kurunegala Mannar Matale School Era From To Web Site

HTML 5 වල විශේෂ  කරුණක් තමයි JavaScript හෝ වෙනත් Script වර්ගයක් හෝ භාවිතා නොකර අපට පුළුවන් validation කරන්න. ඒ වගේම අපේ පහසුවට හුගක් input types තියේ. මෙතෙක් කල් භාවිතා කල text යන්නට අමතරව, ඊමේල්  ලිපිනයක් ඇතුලත් කිරීමට email යන්නත්, වෙබ්  ලිපිනයක් ඇතුලත් කිරීමට url යන්නත්, දිනයක් ඇතුලත් කිරීමට date යන්නත්, වෙලාවක් ඇතුලත් කිරීමට time යන්නත්, දිනය, වෙලාව දෙකම සඳහා datetime යන්නත්, ඉලක්කම් ඇතුලත් කිරීමට number යන්නත් ලෙස යොදා ගත හැකි අලුත් tags කිහිපයක්ම තිබේ. ඉතින් මේ tags භාවිතා කරලා, ඒ ඒ data input එකට ගැලපෙන්න data නොතිබුනොත් browser එකෙන් errors පෙන්වනවා. මේ වම් පස තියෙන උදාහරණය බලන්න. මේකේ Registration Form එකකට ගැලපෙන්නේ නැති, දේවල් තියේ තමා නමුත් ඔයාලට මේ දේවල් පැහැදිලි කරන්න, පෙන්නන්න ඕන නිසා ඔක්කොම දේවල් මේකට ඇතුලත් කළා.

HTML 5 - JavaScript - Simple Calculator

මේ තියෙන්නේ HTML, JavaScript භාවිතා කරලා හදපු සරලම Calculator එකක්. JavaScript එකෙන් තමා සියලුම ගණිතකර්ම වැඩ සිදුකරන්නේ. අපි බලමු ඉතාම සරලව HTML සහ JavaScript භාවිතා කරලා සරල Calculator එකක් සකස් කර ගන්න අයුරු. මුලින්ම ඉතින් HTML page එකක appearance එක හදාගන්න. form tag එකක් තුල text box, button දාලා.

අපේම Google Search Page එකක් හදාගමු - HTML 5.

මේ සඳහා මං ඉතාම සරල විදිහක් තමා යොදාගෙන තියෙන්නේ. මේකේ ඇති අමාරු දෙයක් නෑ. හැබැයි HTML දැනුම ටිකක් ඕන කරනවා. වැඩේට උවමනා කරන්නේ text field එකක්. සහ submit type එකේ button එකක් විතරයි. ලස්සනක් තියෙන්න ඕන නිසා වැඩ ටිකක් දාලා තියේ ඒ ගැන හිතන්න එපා. ඉතින් අපි text field, submit button ගන්නවානම් form එකත් යොදාගන්නවනේ. දන්නා HTML වලින් image එකක් එහෙම දාලා, text field එක, submit එක දාගන්නකෝ. HTML 5 වලින් මං මේ සඳහා යොදා ගන්නේ,

1. Introduction to HTML 5

HTML 5 කියන්නේ කලින් තිබුණු, දැනටත් තියෙන HTML සඳහා වූ අලුත්ම සම්මතයයි. හුගාක් ප්‍රධාන Web Browsers, HTML 5 වල අලුත් අලුත් දේට සහය දක්වනවා. ඒ වගේම මෙතෙක් තිබුණු HTML අඩුපාඩු  හුගක් මෙයින් සපුරලනවා. 

උදාහරණ විදිහට,