របៀបបង្កើត Form នៅក្នុង HTML5
12 October 2017

របៀបបង្កើត Form នៅក្នុង HTML5

By

HTML5 គឺជាការធ្វើឱ្យទាន់សម័យនឹងធ្វើឲ្យប្រសើរជាងមុននៃបច្ចេកវិទ្យារបស់ HTML។ ហើយ Form ត្រូវបានគេប្រើសំរាប់ទទួលទិន្នន័យពីអ្នកប្រើ។ អត្ថបទនេះនឹងលើកយកវិធីសាស្រ្តក្នុងការបង្កើត FORM ជាមួយ HTML5។

ជា​ទូទៅ​ HTML គឺជាភាសាគ្រឹះដំបូងនៃការ​សរសេរ​កូដ​ដែល​យើងបាន​ស្គាល់​ថា វា​ត្រូវបាន​ប្រើ​ប្រាស់ ដើម្បី បង្ហាញ និង​រៀបចំ​ព័ត៌មាន​នៅលើ គេហទំព័ររបស់យើង ។ សព្វ​ថ្ងៃ​នេះ​ HTML ​ត្រូវបាន​អភិវឌ្ឍន៍ខ្លួនទៅជា HTML5 ​ដែល​វារក្សាសភាពដើមទាំងស្រុង ដូច្នេះ HTML5 ​គ្រាន់តែ​ជា​ស្តង់ដារ​ថ្មីមួយរបស់ HTMLប៉ុណ្ណោះ ដែល​វាជួយ​ឲ្យ​ការ​សរសេរ​កូដមាន​លក្ខណៈ​ល្អ​ប្រសើរ​ជាងមុន ហើយនៅ​ក្នុង​ HTML5 ​ក៏​បាន​បន្ថែម​ Elements មួយចំនួន ដើម្បី​ងាយស្រួល​ប្រើ​ប្រាស់​ជាងមុន ដូចជា​៖ <header>, <footer>, <nav>, <article>, and <section> ជាដើម ។ មិនត្រឹមតែប៉ុណ្ណោះ HTML5 ​ក៏​បាន​បន្ថែម​ attribute type មួយចំនូន​ផងដែរ​ទៅលើ​ Form control ​ដូចជា​៖ number, date, time, calendar, color and range ​ដែល​ជាជំនួយដល់ការ​សរសេរ​កូដ និង ចំណេញ​ពេលវេលាហើយ ANT សូមលើកយក​ទម្រង់​ទាំងនោះ​មក​បង្ហាញ​ដូច​ខាងក្រោម​៖

សូមមើលឧទាហរណ៍ដូចខាងក្រោម៖

សំរាប់ FORM មាន Method ពីរគឺ GET និង POST

– Method GET: ត្រូវបានគេប្រើប្រាស់សំរាប់ទាញទិន្នន័យតាម URL ហើយទំហំនៃការផ្ទុកទិន្នន័យធំបំផុតត្រឹមតែ 2048 តួអក្សរប៉ុណ្ណោះ។

– Method POST:ត្រូវបានគេប្រើប្រាស់សំរាប់ការបញ្ជូនទិន្នន័យធំ។

– សំរាប់ប្រភេទនៃ Input Field នៅក្នុង HTML5 គឺមានជាច្រើនដូចជា៖ datetime, datetime-local, date, month, week, time, number, range, email, url, password, text ជាដើម។

– ហើយនៅក្នុង HTML5 ក៏មាន Attribute ជាច្រើនដែរសំរាប់ឲ្យយើងមានការងាយស្រួលក្នុងការកំណត់លក្ខណះរបស់ Form និង Input Field ហើយវាមានដូចជា៖ required, placeholder, height and width, min and max, autofocus ជាដើម។

​ខាងក្រោម​នេះគឺជាការ​បង្ហាញ​អំពី Element, Attribute, ​ក៏​ដូចជា​ Input type ថ្មីៗ​នៅ​ក្នុង​ HTML5 ៖

Prev Post

Unit 02 HTML Structure using…

Next Post

ការបង្កើតបញ្ជីនៅក្នុង HTML5 (HTML5 Lists)

post-bars