យើងបង្កើតទម្រង់ចុះឈ្មោះអ្នកប្រើប្រាស់ផ្ទាល់ខ្លួននៅលើ WordPress ។ ការបង្កើតទម្រង់ចុះឈ្មោះអ្នកប្រើប្រាស់ផ្ទាល់ខ្លួននៅលើ WordPress Majestic ទម្រង់ចុះឈ្មោះអ្នកប្រើប្រាស់ html

ការបង្ហាញ៖ ការគាំទ្ររបស់អ្នកជួយឱ្យគេហទំព័រដំណើរការ! យើងទទួលបានថ្លៃសេវាបញ្ជូនបន្តសម្រាប់សេវាកម្មមួយចំនួនដែលយើងណែនាំនៅលើទំព័រនេះ។ ស្វែងយល់បន្ថែម

ការចែករំលែកគឺជាការយកចិត្តទុកដាក់!

អាប់ដេតចុងក្រោយនៅថ្ងៃទី 17 ខែធ្នូ ឆ្នាំ 2019

ទម្រង់គេហទំព័រត្រូវបានប្រើប្រាស់ដោយគេហទំព័រស្ទើរតែទាំងអស់សម្រាប់គោលបំណងដ៏ធំទូលាយមួយ។ អ្នកប្រើប្រាស់វេទិកា និងបណ្តាញសង្គមប្រើប្រាស់ទម្រង់ដើម្បីបន្ថែមខ្លឹមសារ និងទំនាក់ទំនងជាមួយអ្នកប្រើប្រាស់ផ្សេងទៀត។ គេហទំព័រដែលអាចប្ដូរតាមបំណងដើម្បីបង្កើតបទពិសោធន៍ផ្ទាល់ខ្លួន ដូចជាព័ត៌មានព័ត៌មានដែលអាចប្ដូរតាមបំណងបាន ប្រើទម្រង់ដើម្បីអនុញ្ញាតឱ្យអ្នកប្រើប្រាស់គ្រប់គ្រងមាតិកាដែលបង្ហាញនៅលើទំព័រ។ ហើយស្ទើរតែគ្រប់គេហទំព័រប្រើប្រាស់ទម្រង់ដើម្បីអនុញ្ញាតឱ្យអ្នកចូលមើលគេហទំព័រទាក់ទងទៅស្ថាប័ន ឬអ្នកដែលគ្រប់គ្រងគេហទំព័រ។ ទម្រង់គេហទំព័រគឺអាចធ្វើទៅបានដោយការរួមបញ្ចូលនៃបច្ចេកវិទ្យាជាច្រើន៖

HTML ដើម្បីបង្កើតវាលទម្រង់បែបបទ និងស្លាក ហើយទទួលយកការបញ្ចូលរបស់អ្នកប្រើ។
CSS ដើម្បីធ្វើរចនាប័ទ្មការបង្ហាញទម្រង់។
JavaScript ដើម្បីធ្វើសុពលភាពការបញ្ចូលទម្រង់ និងផ្តល់នូវអន្តរកម្មដែលបានបើក Ajax ។
ភាសាខាងម៉ាស៊ីនមេ ដូចជា PHP ដើម្បីដំណើរការទិន្នន័យទម្រង់។

នៅក្នុងការណែនាំនេះ យើងនឹងរៀបរាប់អំពីធាតុ HTML ទាំងអស់ដែលប្រើដើម្បីបង្កើតទម្រង់គេហទំព័រ យើងក៏មានប្រធានបទផ្សេងទៀតផងដែរ ដូចជាការកសាងទម្រង់បែបបទ ការកំណត់រចនាប័ទ្ម និងការរចនាទម្រង់ និងការធានានូវលទ្ធភាពប្រើប្រាស់ និងលទ្ធភាពប្រើប្រាស់ទម្រង់។

ការកំណត់រចនាសម្ព័ន្ធនៃទម្រង់មួយ។

មាតិកាកថាខណ្ឌ។

ទម្រង់ទំនាក់ទំនង

ឈ្មោះ៖

អ៊ីមែល៖

ប្រធានបទ៖

សារ៖ វាយបញ្ចូលសាររបស់អ្នកនៅទីនេះ

មាតិកាកថាខណ្ឌបន្ថែម

នៅពេលបង្ហាញនៅក្នុងកម្មវិធីរុករក ទម្រង់ទំនាក់ទំនងនឹងត្រូវបានបំបែកយ៉ាងច្បាស់ពីមាតិកាជុំវិញ។

ធាតុសំណុំវាលគឺស្រេចចិត្ត ប៉ុន្តែត្រូវបានគេប្រើជាទូទៅដើម្បីដាក់ជាក្រុមនៃធាតុដែលទាក់ទងគ្នានៅលើទម្រង់វែង និងស្មុគស្មាញ ឬដើម្បីញែកវាលទម្រង់ចេញពីធាតុនៅក្បែរនោះ នៅពេលដែលទម្រង់ត្រូវបានបង្ហាញរួមជាមួយនឹងមាតិកាដែលមិនមែនជាទម្រង់។ HTML5 បានបន្ថែមគុណលក្ខណៈបីដែលអាចត្រូវបានអនុវត្តចំពោះធាតុសំណុំវាល៖

disabled៖ ប្រើដើម្បីបិទទម្រង់ទាំងអស់នៅក្នុងសំណុំវាលមួយ។ ចំណាំថាយើងបានប្រើគុណលក្ខណៈនេះក្នុងទម្រង់ឧទាហរណ៍ខាងលើ។
ទម្រង់៖ ប្រើដើម្បីភ្ជាប់សំណុំវាលជាមួយលេខសម្គាល់នៃធាតុទម្រង់មួយ ឬច្រើន។ ចំណាំថាការគាំទ្រកម្មវិធីរុករកសម្រាប់គុណលក្ខណៈនេះមានកំណត់ណាស់។
ឈ្មោះ៖ ភ្ជាប់ឈ្មោះជាមួយសំណុំវាល។

ធាតុបញ្ចូល

អាស្រ័យលើប្រភេទនៃទម្រង់ដែលអ្នកកំពុងបង្កើត វាអាចទៅរួចទាំងស្រុងក្នុងការមានទម្រង់ដែលរួមបញ្ចូលធាតុពីរប្រភេទ៖ ធាតុទម្រង់មួយ និងធាតុបញ្ចូលមួយ ឬច្រើន។ ធាតុត្រូវបានប្រើដើម្បីបង្កើតភាពខុសគ្នានៃប្រភេទបញ្ចូលផ្សេងៗគ្នា។ វាលសម្រាប់អ្នកប្រើប្រាស់ទម្រង់ដើម្បីធ្វើអន្តរកម្មជាមួយ។

តម្លៃរួម

ធាតុបញ្ចូលគឺជាធាតុដែលអាចបត់បែនបានដែលរូបរាង និងអាកប្បកិរិយាអាចផ្លាស់ប្តូរយ៉ាងខ្លាំងដោយផ្អែកលើគុណលក្ខណៈប្រភេទដែលបានអនុវត្តចំពោះធាតុ។ តម្លៃប្រភេទទូទៅរួមមាន៖ អត្ថបទ៖ តម្លៃលំនាំដើមសម្រាប់គុណលក្ខណៈ type=""។ កំណត់បន្ទាត់តែមួយនៃអត្ថបទទទឹង 20 តួអក្សរ។ ទទឹងអាចត្រូវបានកែតម្រូវដោយគុណលក្ខណៈទំហំ ដូចដែលអ្នកអាចឃើញនៅក្នុងកូដទម្រង់ក្នុងឧទាហរណ៍ពីមុនរបស់យើង។

ពាក្យសម្ងាត់៖ ប្រភេទពាក្យសម្ងាត់គឺជាមូលដ្ឋានដូចគ្នានឹងវាលអត្ថបទ ដោយមានករណីលើកលែងដែលតួអក្សរដែលបញ្ចូលក្នុងវាលពាក្យសម្ងាត់ត្រូវបានបិទបាំង។

ប្រភេទបញ្ចូលទាំងនេះមានចំនួនតិចជាងប្រភេទដែលបានរាយបញ្ជីខាងលើ ប៉ុន្តែត្រូវបានគាំទ្រដោយស្ទើរតែគ្រប់កម្មវិធីរុករកតាមអ៊ីនធឺណិត ហើយអាចត្រូវបានប្រើដើម្បីបង្កើតទម្រង់បញ្ចូលច្រើនប្រភេទ។

ប៊ូតុង៖ ប្រសិនបើអ្នកចង់ដំណើរការនៅពេលដែលប៊ូតុងត្រូវបានចុច ប្រភេទបញ្ចូលប៊ូតុងអាចត្រូវបានប្រើដើម្បីបង្កើតប៊ូតុងដែលអាចត្រូវបានភ្ជាប់ជាមួយនឹងសកម្មភាពផ្សេងៗ។

ប្រភេទបញ្ចូលបន្ថែមមួយចំនួនត្រូវបានកំណត់ដោយការបញ្ជាក់ HTML5 ។ ប្រភេទទាំងនេះជាច្រើនមានការគាំទ្រកម្មវិធីរុករកតាមអ៊ីនធឺណិតមានកំណត់។ ដូច្នេះប្រសិនបើអ្នកប្រើពួកវា ត្រូវប្រាកដថាពិនិត្យមើល caniuse.com សម្រាប់ការគាំទ្រកម្មវិធីរុករកតាមអ៊ីនធឺណិត និងផ្តល់ជម្រើសជំនួសដែលសមរម្យតាមដែលសមរម្យ។

ស្វែងរក៖ នេះជាប្រភេទត្រឹមត្រូវដើម្បីបញ្ជាក់ថាតើទម្រង់របស់អ្នកផ្តល់មុខងារស្វែងរកឬអត់។ មិនដូចប្រភេទធាតុបញ្ចូលផ្សេងទៀតដែលបន្ថែមក្នុង HTML5 ប្រភេទ = "ស្វែងរក" ត្រូវបានគាំទ្រដោយកម្មវិធីរុករកទាំងអស់។ គ្រាន់តែចាំថាលក្ខណៈពិសេសនេះពិតជាមិនបានផ្តល់នូវមុខងារស្វែងរកនោះទេ វាគ្រាន់តែបង្កើតវាលបញ្ចូលទម្រង់ដែលបានរចនាឡើងដើម្បីប្រើជាផ្នែកនៃមុខងារស្វែងរកពណ៌៖ នៅពេលដែលប្រភេទបញ្ចូលនេះត្រូវបានបញ្ជាក់ វានឹងបង្ហាញប៊ូតុងពណ៌ដែលបើកដំណើរការ a ឧបករណ៍ជ្រើសរើសពណ៌មូលដ្ឋាន កំណត់តម្លៃពណ៌លំនាំដើម ដោយប្រើគុណលក្ខណៈតម្លៃ និងលេខកូដពណ៌គោលប្រាំមួយដូចនេះ៖ នៃធាតុដែលអាចទទួលយកបានជាមួយនឹងគុណលក្ខណៈអតិបរមា អប្បបរមា និងជំហាន ប៉ុន្តែកម្មវិធីរុករកដែលខ្វះការគាំទ្រសម្រាប់ធាតុនេះជាធម្មតាត្រលប់ទៅការបញ្ចូលអត្ថបទស្តង់ដារដែលមិនទទួលស្គាល់ជួរដែនកំណត់ទាំងនេះ៖ ការគាំទ្រកម្មវិធីរុករកសម្រាប់ធាតុនេះគឺល្អណាស់ជាមួយនឹងការប្រើប្រាស់មួយចំនួន គុណលក្ខណៈនេះដើម្បីបង្កើតគ្រាប់រំកិលដែលអាចត្រូវបានប្រើដើម្បីជ្រើសរើសតម្លៃក្នុងជួរដែលបានបញ្ជាក់ ឧទាហរណ៍ កូដនេះនឹងបង្កើតគ្រាប់រំកិលដើម្បីជ្រើសរើសលេខចន្លោះពី 100 ទៅ 1000 នៅក្នុងការបង្កើនចំនួន 50 ។ អ្នកនឹងត្រូវផ្គូផ្គងធាតុជួរជាមួយនឹងបច្ចេកទេសមួយផ្សេងទៀត ដើម្បីផ្តល់នូវការមើលជាមុនផ្ទាល់នៃតម្លៃដែលបានជ្រើសរើស។ អរគុណណាស់ HTML5 Doctor មានវិធីសាមញ្ញក្នុងការធ្វើវាដោយប្រើធាតុលទ្ធផល។ ប្រភេទកាលបរិច្ឆេទ និងពេលវេលា៖ HTML5 បានបន្ថែមប្រភេទបញ្ចូលមួយចំនួន ដែលអាចត្រូវបានប្រើដើម្បីបញ្ជាក់តម្លៃពេលវេលា និងកាលបរិច្ឆេទ ឧទាហរណ៍ ប្រភេទកាលបរិច្ឆេទកំណត់វត្ថុបញ្ជាដើម្បីបញ្ចូលឆ្នាំ ខែ និងថ្ងៃ ដើម្បីបន្ថែមពេលវេលាទៅការបញ្ចូលកាលបរិច្ឆេទ សូមប្រើប្រភេទបញ្ចូលពេលវេលាតិច ប្រភេទការបញ្ចូលជាក់លាក់រួមមានជម្រើសខែ និងសប្តាហ៍ដែលអាចត្រូវបានប្រើដើម្បីជ្រើសរើសមួយសប្តាហ៍ ឬមួយខែក្នុងរយៈពេលមួយឆ្នាំដោយមិនបញ្ជាក់ពីថ្ងៃ ឬពេលវេលាដែលកម្មវិធីរុករកមានការយឺតយ៉ាវក្នុងការបន្ថែមការគាំទ្រសម្រាប់ប្រភេទនេះ ដូច្នេះត្រូវប្រាកដថាត្រូវពិនិត្យមើលការគាំទ្ររបស់កម្មវិធីរុករកតាមអ៊ីនធឺណិត ផ្តល់ការបដិសេធ ប្រសិនបើអ្នកប្រើប្រភេទនៃការបញ្ចូលនេះ ការគាំទ្រទូលំទូលាយមានសម្រាប់ប្រភេទបញ្ចូលទាំងបីដែលប្រើដើម្បីប្រមូលព័ត៌មានលម្អិតពាក់ព័ន្ធដូចជាអាសយដ្ឋានអ៊ីមែល (អ៊ីមែល) លេខទូរស័ព្ទ (ទូរស័ព្ទ) និងគេហទំព័រ (url)។

ខណៈពេលដែលគុណលក្ខណៈប្រភេទគឺជាគុណលក្ខណៈបញ្ចូលដែលប្រើច្រើនបំផុត និងមានប្រយោជន៍បំផុតនោះ មានគុណលក្ខណៈផ្សេងទៀតជាច្រើនដែលអ្នកនឹងត្រូវដឹងដើម្បីបង្កើតទម្រង់មានប្រយោជន៍។

ឈ្មោះ៖ ឈ្មោះដែលត្រូវបានកំណត់ទៅធាតុបញ្ចូលនឹងត្រូវបានដាក់ជូនរួមជាមួយនឹងតម្លៃដែលបានបញ្ចូលទៅក្នុងវាលដែលពាក់ព័ន្ធ។ ម្យ៉ាងវិញទៀត ប្រសិនបើតម្លៃ “ហ្វ្រេដ” ត្រូវបានបញ្ចូលទៅក្នុងធាតុបញ្ចូលជាមួយលេខកូដនេះ តម្លៃដែលបានដាក់ស្នើនឹងជា “first_name=Fred” ។

តម្លៃ៖ តម្លៃនៃធាតុបញ្ចូលដំណើរការមុខងារផ្សេងគ្នាអាស្រ័យលើប្រភេទនៃការបញ្ចូលដែលវាត្រូវបានអនុវត្ត។ នៅពេលអនុវត្តចំពោះប្រភេទបញ្ជូន កំណត់ឡើងវិញ ឬប្រភេទប៊ូតុង តម្លៃត្រូវបានប្រើជាអត្ថបទនៅលើប៊ូតុង។ នៅពេលអនុវត្តចំពោះវាលអត្ថបទ វាផ្តល់តម្លៃលំនាំដើមដែលទាក់ទងនឹងវាល។ នៅពេលភ្ជាប់ជាមួយប្រអប់ធីក ឬប៊ូតុងមូល តម្លៃផ្តល់តម្លៃដែលនឹងត្រូវបានភ្ជាប់ជាមួយវាលនោះ ប្រសិនបើជ្រើសរើស។

តើនរណាជាអ្នកបញ្ជូនអ្នកមកកាន់គេហទំព័ររបស់យើង?

ពណ៌ផ្កាឈូក៖

ក្រហម៖

HTML5 បានបន្ថែមគុណលក្ខណៈថ្មីជាច្រើនដែលអាចភ្ជាប់ជាមួយធាតុបញ្ចូល។ ការគាំទ្រកម្មវិធីរុករកតាមអ៊ីនធឺណិតសម្រាប់ធាតុទាំងនេះមួយចំនួនមានកម្រិត ដូច្នេះត្រូវប្រាកដថាពិនិត្យមើលការគាំទ្រ និងផ្តល់ជម្រើសជំនួសសម្រាប់អ្នកប្រើប្រាស់កម្មវិធីរុករកដែលមិនគាំទ្រ។

ការបំពេញស្វ័យប្រវត្តិ៖ ប្រសិនបើទម្រង់របស់អ្នករួមបញ្ចូលវាលទូទៅ ការទុកការបំពេញដោយស្វ័យប្រវត្តិនឹងអនុញ្ញាតឱ្យកម្មវិធីរុករករបស់អ្នកចូលមើលណែនាំធាតុដោយផ្អែកលើទម្រង់ដែលបានបំពេញពីមុន។
formenctype៖ បញ្ជាក់ប្រភេទការអ៊ិនកូដដែលគួរប្រើសម្រាប់ការដាក់ស្នើទម្រង់។ តម្លៃដែលបានប្រើបដិសេធតម្លៃដែលបានអនុវត្តចំពោះគុណលក្ខណៈ enctype នៃធាតុទម្រង់មេ។
formmethod ៖ គុណលក្ខណៈនេះត្រូវបានប្រើបញ្ជាក់ទាំងតម្លៃ get ឬ post method ហើយនឹងបដិសេធគុណលក្ខណៈ method ដែលបានអនុវត្តចំពោះទម្រង់មេ។
formnovalidate៖ ប្រសិនបើអ្នកមិនចង់ឱ្យការបញ្ចូលទម្រង់មានសុពលភាពនៅពេលដាក់ស្នើ អ្នកអាចប្រើគុណលក្ខណៈនេះបាន។
ទម្រង់គោលដៅ៖ បដិសេធគុណលក្ខណៈគោលដៅដែលបានអនុវត្តចំពោះធាតុទម្រង់មេ ដោយអនុវត្តគុណលក្ខណៈនេះទៅវាលប្រភេទបញ្ចូលរូបភាព ឬដាក់ស្នើ។

កំណត់ទំហំរបស់ type="image"៖ ប្រសិនបើអ្នកប្រើប្រភេទបញ្ចូលរូបភាពដើម្បីបង្កើតប៊ូតុងបញ្ជូនទម្រង់ អ្នកអាចគ្រប់គ្រងទំហំរូបភាពដោយប្រើគុណលក្ខណៈកម្ពស់ និងទទឹង។ ម្យ៉ាងវិញទៀត អ្នកអាចធ្វើដូចគ្នាជាមួយ CSS។ អ្នកអភិវឌ្ឍន៍ និងអ្នករចនាភាគច្រើននឹងផ្តល់អនុសាសន៍ឱ្យជៀសវាងលក្ខណៈទាំងនេះ និងការគ្រប់គ្រងរូបរាងប៊ូតុងជាមួយ CSS ។ កំណត់ដែនកំណត់ និងការកើនឡើងសម្រាប់តម្លៃជាលេខ៖ អ្នកអាចប្រើគុណលក្ខណៈអប្បបរមា អតិបរមា និងជំហានដើម្បីកំណត់តម្លៃអប្បបរមា និងអតិបរមា ព្រមទាំងការកើនឡើងដែលអាចទទួលយកបានដែលធ្លាក់រវាងតម្លៃទាំងនេះសម្រាប់ការបញ្ចូលណាមួយដែលទទួលយកតម្លៃជាលេខ។

ទម្លាក់ចុះ ផ្ទៃអត្ថបទ និងប៊ូតុង

ធាតុបញ្ចូលមិនមែនជាធាតុតែមួយគត់ដែលអាចប្រើដើម្បីបង្កើតវាលទម្រង់ប្រភេទផ្សេងទៀតនៃធាតុអាចត្រូវបានភ្ជាប់ជាមួយទម្រង់ដើម្បីបង្កើតបញ្ជីទម្លាក់ចុះ ឬជម្រើស តំបន់អត្ថបទទម្រង់ឥតគិតថ្លៃ និងប៊ូតុងដែលអាចបត់បែនបាន។

បញ្ជីទម្លាក់ចុះដែលមានប្រជាជនជាមុន

ដើម្បីបង្កើតបញ្ជីទម្លាក់ចុះនៃជម្រើសដែលបានបញ្ចូលជាមុនដែលអ្នកចូលមើលគេហទំព័រអាចជ្រើសរើសជម្រើសមួយ ប្រើធាតុជ្រើសរើសដើម្បីបង្កើតវាល និងដាក់ធាតុជម្រើសច្រើនដើម្បីបង្កើតជម្រើសផ្សេងៗដែលគួរបង្ហាញនៅក្នុងម៉ឺនុយទម្លាក់ចុះ។ . ឧទាហរណ៍ ដើម្បីបង្កើតម៉ឺនុយទម្លាក់ចុះនៃជម្រើសពណ៌ក្លែងបន្លំសម្រាប់ហាង e-commerce ប្រឌិត កូដខាងក្រោមអាចត្រូវបានប្រើ៖

ខ្យល់បក់បោកវាលខ្សាច់ ព្រៃខៀវស្រងាត់ ទឹកហូរពេញយប់

ចំណាំថាតម្លៃគឺជាអ្វីដែលនឹងត្រូវដាក់ជូនជាមួយនឹងទម្រង់ពិតប្រាកដ ខណៈដែលអត្ថបទរវាងស្លាកបើក និងបិទគឺជាអ្វីដែលត្រូវបានបង្ហាញដល់អ្នកទស្សនាដែលបំពេញទម្រង់។ ឧទាហរណ៍ ប្រសិនបើអ្នកទស្សនាជ្រើសរើស "Lush Forest" តម្លៃពិតប្រាកដដែលបានដាក់ស្នើជាមួយទម្រង់នឹងមានពណ៌បៃតង។ នេះជារបៀបដែលបញ្ជីទម្លាក់ចុះរបស់យើងបង្ហាញនៅក្នុងកម្មវិធីរុករក៖

ខ្យល់បក់បោកវាលខ្សាច់ ព្រៃខៀវស្រងាត់ ទឹកហូរពេញយប់

តំបន់អត្ថបទទម្រង់ឥតគិតថ្លៃ

រាល់ការបញ្ចូលអត្ថបទដែលយើងបានឃើញកន្លងមក ដូចជា ទទួលយកតែអត្ថបទមួយជួរ។ ទោះយ៉ាងណាក៏ដោយ ប្រសិនបើអ្នកចង់បង្កើតផ្ទៃអត្ថបទធំជាងសម្រាប់ការបញ្ចូលអត្ថបទយូរជាងនេះ វាលបញ្ចូលបន្ទាត់តែមួយនឹងមិនដំណើរការទេ។ ធាតុ textarea គឺជាជម្រើសត្រឹមត្រូវសម្រាប់ការបង្កើតផ្ទៃបញ្ចូលអត្ថបទធំដែលមានសមត្ថភាពទទួលយកការបញ្ចូលអត្ថបទដែលមិនអាចបង្ហាញបានល្អនៅលើបន្ទាត់តែមួយ។ មានបីផ្នែកទៅនឹង textarea៖

ផ្ទៃអត្ថបទត្រូវបានបង្កើតឡើងដោយបញ្ចូលស្លាកបើក និងបិទ។ អត្ថបទណាមួយដែលដាក់នៅចន្លោះស្លាកនឹងត្រូវបានផ្ទុកនៅក្នុងតំបន់អត្ថបទ នៅពេលដែលទម្រង់ផ្ទុកឡើង ហើយនឹងត្រូវបានដាក់ជូនរួមជាមួយទម្រង់ លុះត្រាតែអ្នកទស្សនាដែលដាក់ទម្រង់បែបបទនោះលុបអត្ថបទចេញពីតំបន់អត្ថបទ។

ប្រសិនបើអ្នកចង់កំណត់ទំហំនៃផ្ទៃអត្ថបទ សូមប្រើគុណលក្ខណៈជួរដេកដើម្បីកំណត់ចំនួនជួរដេកនៃអត្ថបទដែលគួរតែអាចបង្ហាញដោយមិនចាំបាច់ប្ដូរទំហំផ្ទៃអត្ថបទ។

ដើម្បីកំណត់ទទឹងដែលបានកំណត់ជាមុនប្រើគុណលក្ខណៈ cols ។ តម្លៃដែលបានអនុវត្តនឹងជាចំនួនតួអក្សរដែលនឹងបង្ហាញនៅលើជួរដេកតែមួយមុននឹងរុំទៅជួរទីពីរ។

ធាតុផ្ទៃអត្ថបទអាចផ្លាស់ប្តូរទំហំបាន។ ទោះជាយ៉ាងណាក៏ដោយ គុណលក្ខណៈជួរដេក និង cols នឹងកំណត់ទំហំនៃ textarea នៅពេលដែលវាត្រូវបានបង្ហាញជាលើកដំបូងដោយកម្មវិធីរុករក ហើយនឹងកំណត់ទំហំអប្បបរមាផងដែរ ដែលតំបន់អាចត្រូវបានផ្លាស់ប្តូរទំហំឱ្យសម។

បញ្ចូលអត្ថបទនៅទីនេះ

កូដនេះនឹងបង្កើតផ្ទៃអត្ថបទដែលមានទំហំដូចគ្នាបេះបិទដែលមានកម្ពស់បីជួរ ហើយអាចទទួលយកបាន 60 តួអក្សរក្នុងមួយជួរ។ ពួកវានឹងអាចប្ដូរទំហំទៅគ្រប់ទំហំធំជាងទំហំលំនាំដើម។ ចំណាំពីរបៀបដែលអត្ថបទកន្លែងដាក់ត្រូវបានបន្ថែមទៅទីមួយជាមួយនឹងធាតុកន្លែងដាក់ ប៉ុន្តែគ្រាន់តែដាក់នៅចន្លោះស្លាកបើក និងបិទក្នុងឧទាហរណ៍ទីពីរ។ ខាងក្រោមនេះ អ្នកអាចមើលឃើញពីរបៀបដែលកូដប៊ីតទាំងពីរនេះត្រូវបានបង្ហាញ។

ខណៈពេលដែលទំហំ textarea អាចត្រូវបានបញ្ជាក់ដោយប្រើ 'rows" និង 'cols" វាគឺជាការអនុវត្តប្រសើរជាងក្នុងការប្រើ CSS ដើម្បីធ្វើរចនាប័ទ្ម និងទំហំផ្ទៃអត្ថបទ។

គុណលក្ខណៈជាច្រើនដែលអាចត្រូវបានអនុវត្តចំពោះធាតុបញ្ចូលក៏អាចត្រូវបានអនុវត្តចំពោះធាតុអត្ថបទផងដែរ។ បន្ថែមពីលើនេះទៅទៀត ចំពោះអ្នកដែលបានរួមបញ្ចូលក្នុងឧទាហរណ៍របស់យើងខាងលើ គុណលក្ខណៈដែលអាចត្រូវបានអនុវត្តទៅលើផ្នែកអត្ថបទរួមមានៈ autofocus , disabled , form , maxlength , name , readonly , required , និង wrap ។

ប៊ូតុងដែលអាចបត់បែនបាន។

មានវិធីពីរយ៉ាងដើម្បីបង្កើតប៊ូតុងសម្រាប់ទម្រង់៖

ដោយសារតែប៊ូតុងត្រូវបានបង្កើតឡើងជាមួយនឹងស្លាកបើក និងបិទ ប្រភេទផ្សេងគ្នានៃមាតិកា - ជាធម្មតាអត្ថបទ និងរូបភាព - អាចត្រូវបានដាក់នៅចន្លោះស្លាកបើក និងបិទ ហើយនឹងត្រូវបានបង្ហាញនៅលើប៊ូតុង។

ប៊ូតុងមិនត្រូវភ្ជាប់ជាមួយធាតុទម្រង់ទេ។ ពួកវាអាចត្រូវបានប្រើជាប៊ូតុងដាច់ដោយឡែក ដើម្បីចាប់ផ្តើមស្គ្រីប ជាខ្លឹមសារនៃធាតុយុថ្កា និងដើម្បីអនុវត្តសកម្មភាពផ្សេងទៀត។

ធាតុទម្រង់បន្ថែមក្នុង HTML5

ធាតុទម្រង់ថ្មីចំនួនបីត្រូវបានបន្ថែមនៅក្នុង HTML5៖ បញ្ជីទិន្នន័យ៖ ប្រើធាតុនេះដើម្បីផ្តល់បញ្ជីតម្លៃនៃការបំពេញដោយស្វ័យប្រវត្តិដែលបានស្នើសម្រាប់ធាតុបញ្ចូល។ ដើម្បីប្រើធាតុបញ្ជីទិន្នន័យ ដំបូងត្រូវបង្កើតធាតុបញ្ចូលដែលមានគុណលក្ខណៈបញ្ជី។ បន្ទាប់មកបង្កើតធាតុបញ្ជីទិន្នន័យដែលមានគុណលក្ខណៈលេខសម្គាល់។ តម្លៃដែលបានអនុវត្តចំពោះគុណលក្ខណៈបញ្ជីបញ្ចូលត្រូវតែផ្គូផ្គងលេខសម្គាល់បញ្ជីទិន្នន័យ។ តម្លៃត្រូវបានបន្ថែមទៅបញ្ជីទិន្នន័យដោយបន្ថែមធាតុជម្រើសរវាងស្លាកបញ្ជីទិន្នន័យបើក និងបិទ។ នេះជាឧទាហរណ៍នៃរបៀបដែលវាដំណើរការទាំងអស់៖

នៅពេលដែលយើងបង្ហាញកូដនោះនៅក្នុង browser ហើយធាតុបញ្ចូលនឹងបង្ហាញ។ ប្រសិនបើយើងចាប់ផ្តើមវាយបញ្ចូល ការផ្ដល់យោបល់ការបំពេញដោយស្វ័យប្រវត្តិនឹងត្រូវបានធ្វើឡើងដោយផ្អែកលើជម្រើសដែលមាននៅក្នុងបញ្ជីទិន្នន័យ។ ចំណាំថាអ្នកប្រើប្រាស់ដែលដាក់ស្នើទម្រង់មិនត្រូវបានកំណត់ចំពោះការជ្រើសរើសពីជម្រើសមួយក្នុងចំណោមជម្រើសទាំងនេះ ពួកគេនៅតែអាចជ្រើសរើសវាយបញ្ចូលតម្លៃដែលមិនមែនជាជម្រើសដែលរួមបញ្ចូលប្រសិនបើពួកគេចង់ធ្វើដូច្នេះ។

តើបច្ចេកវិទ្យាគេហទំព័រដែលអ្នកចូលចិត្តគឺជាអ្វី?

លទ្ធផល៖ ប្រើធាតុនេះដើម្បីបង្ហាញលទ្ធផលនៃការគណនា ឬការបញ្ចូលរបស់អ្នកប្រើប្រាស់។ ភ្ជាប់វាជាមួយធាតុបញ្ចូលដោយប្រើគុណលក្ខណៈសម្រាប់តម្លៃដែលត្រូវគ្នានឹងលេខសម្គាល់នៃធាតុបញ្ចូលដែលពាក់ព័ន្ធ ឬភ្ជាប់វាជាមួយទម្រង់ដោយបន្ថែមគុណលក្ខណៈទម្រង់ដោយប្រើតម្លៃដែលត្រូវគ្នានឹងលេខសម្គាល់នៃទម្រង់ដែលពាក់ព័ន្ធ។ ធាតុលទ្ធផលក៏អាចត្រូវបានផ្គូផ្គងជាមួយធាតុជួរ ដើម្បីអនុញ្ញាតឱ្យអ្នកប្រើទម្រង់ដឹងពីតម្លៃពិតប្រាកដដែលតំណាងដោយទីតាំងបច្ចុប្បន្ននៃគ្រាប់រំកិលនៃធាតុជួរមួយ។ ការប្រើប្រាស់ធាតុលទ្ធផល និងជួរតាមវិធីនេះគឺហួសពីវិសាលភាពនៃការបង្រៀនណែនាំនេះ ប៉ុន្តែប្រសិនបើអ្នកចង់ប្រើធាតុទាំងពីរនេះជាមួយគ្នា អ្នកអាចស្វែងយល់បន្ថែមអំពីបច្ចេកទេសនេះនៅ HTML5 Doctor ។

ជំហានបន្ទាប់

ការបង្រៀននេះបានផ្តល់នូវទិដ្ឋភាពទូទៅនៃធាតុដែលត្រូវបានប្រើដើម្បីបង្កើតទម្រង់សម្រាប់គេហទំព័រ។ ជំហានបន្ទាប់គឺសាកល្បងចំណេះដឹងមួយចំនួនដែលអ្នកបានទទួល។ ការបង្រៀនផ្សេងទៀតនៅក្នុងផ្នែកនេះនឹងណែនាំអ្នកអំពីដំណើរការនៃការបង្កើតទម្រង់កក់ទុក ការកំណត់រចនាប័ទ្ម និងការរចនាទម្រង់ និងធានាថាទម្រង់របស់អ្នកបំពេញតាមគោលការណ៍ណែនាំលទ្ធភាពប្រើប្រាស់ និងភាពងាយស្រួល។

សំណួរដែលសួរញឹកញាប់ តើអ្នកដាក់កម្រិតទម្រង់បែបបទដើម្បីទទួលតែលេខដោយរបៀបណា?

កាលពីមុន ការដាក់កម្រិតវាលទៅលេខតម្រូវឱ្យប្រើ JavaScript ប៉ុណ្ណោះ។ ទោះយ៉ាងណាក៏ដោយ ជាមួយនឹងការចេញផ្សាយ HTML5 ឥឡូវនេះវាសាមញ្ញក្នុងការកំណត់វាលមួយទៅការបញ្ចូលលេខតែប៉ុណ្ណោះ។ គ្រាន់តែអនុវត្តតម្លៃលេខទៅគុណលក្ខណៈប្រភេទនៃធាតុបញ្ចូលដែលអាចអនុវត្តបាន។ ឧទាហរណ៍៖

នៅពេលបង្ហាញ បង្កើតវាលបញ្ចូលអត្ថបទដែលនឹងទទួលយកតែលេខប៉ុណ្ណោះ។

តើអ្នកដាក់កម្រិតវាលទម្រង់ដោយរបៀបណាដើម្បីទទួលយកតែតួអក្សរលេខ?

កាលពីមុន វិធីតែមួយគត់ដើម្បីកំណត់ការបញ្ចូលវាលទៅតួអក្សរអក្សរក្រមលេខគឺត្រូវប្រើ jQuery ឬ JavaScript និងបង្កើតមុខងារផ្ទាល់ខ្លួន។ ទោះយ៉ាងណាក៏ដោយ HTML5 បានបន្ថែមគុណលក្ខណៈលំនាំសម្រាប់ធាតុបញ្ចូលដែលអាចត្រូវបានប្រើដើម្បីដាក់កម្រិតលើវាលទម្រង់ដើម្បីទទួលយកតែការបញ្ចូលអក្សរក្រមលេខប៉ុណ្ណោះ។ នេះជាកូដដែលនឹងធ្វើល្បិច៖

ក្នុងករណីនេះ ធាតុលំនាំនឹងទទួលយកអក្សរតូច អក្សរធំ និងលេខ។ ផ្នែកទីពីរនៃតម្លៃនៅក្នុងដង្កៀបអង្កាញ់កំណត់ចំនួនតួអក្សរសរុបអាចត្រូវបានបញ្ចូលទៅក្នុងវាល។ តោះមើលរបៀបដែលវាមើលទៅនៅក្នុងកម្មវិធីរុករក។

វិធីដែលវាដំណើរការគឺនៅពេលដែលអ្នកព្យាយាមដាក់តម្លៃដែលមិនត្រូវនឹងលំនាំដែលបានបញ្ជាក់នោះគុណលក្ខណៈចំណងជើងនឹងត្រូវបានបង្ហាញ។ ដូច្នេះអ្នកគួរតែដាក់ការណែនាំខ្លះនៅក្នុងគុណលក្ខណៈលំនាំ ដើម្បីឱ្យអ្នកប្រើអាចដឹងថាពួកគេបានធ្វើអ្វីខុស។ . ការគាំទ្រកម្មវិធីរុករកតាមអ៊ីនធឺណិតសម្រាប់គុណលក្ខណៈថ្មីនេះគឺពិតជាល្អណាស់។ IE 9 និងកំណែមុនរបស់ IE មិនគាំទ្រវាទេ ហើយ Opera Mini ក៏ខ្វះការគាំទ្រផងដែរ។ ទោះយ៉ាងណាក៏ដោយ កម្មវិធីរុករកផ្សេងទៀតទាំងអស់គាំទ្រគុណលក្ខណៈនេះ។

តើអ្នកធ្វើបែបបទដាក់ស្នើដោយរបៀបណា ពេលអ្នកប្រើប្រាស់ចុចបញ្ចូល?

ប្រសិនបើអ្នកបានជួបទម្រង់បែបបទដែលមិនដាក់ស្នើនៅពេលអ្នកចុចបញ្ចូល នោះមាននរណាម្នាក់បានរចនាទម្រង់បែបបទដោយចេតនាដើម្បីប្រព្រឹត្តតាមរបៀបនោះ ហើយពួកគេពិតជាមិនគួរធ្វើដូច្នោះទេ។ លក្ខណៈពិសេសនៃលទ្ធភាពប្រើប្រាស់គេហទំព័រគឺច្បាស់៖ ទម្រង់រចនាដើម្បីអនុញ្ញាតឱ្យមានការដាក់ស្នើដោយមិនច្បាស់លាស់។ តើអ្វីទៅជាការដាក់ស្នើដោយផ្ទាល់? ការបញ្ជូនទម្រង់ដោយចុចបញ្ចូល។ កម្មវិធីរុករកត្រូវបានរចនាឡើងដើម្បីគាំទ្រការដាក់ស្នើដោយប្រយោល។ នេះជារបៀបដែលវាដំណើរការជាឧទាហរណ៍៖

ឈ្មោះ៖
អាយុ៖

ប្រសិនបើអ្នកបានផ្តោតលើធាតុណាមួយនៅក្នុងទម្រង់នោះ ហើយចុចបញ្ចូល ទម្រង់នឹងត្រូវបានដាក់ស្នើ។ នេះគឺជាការបញ្ជូនដោយប្រយោល ហើយកម្មវិធីរុករកទំនើបទាំងអស់គាំទ្រឥរិយាបថនេះ។ ប្រើធាតុប៊ូតុងក្នុងទម្រង់ ហើយអ្នកមិនចាំបាច់ប្រើតម្លៃដាក់ស្នើសម្រាប់គុណលក្ខណៈប្រភេទទេ។ ចុចបញ្ចូល ខណៈពេលដែលផ្តោតលើធាតុណាមួយក្នុងទម្រង់នេះ ហើយទម្រង់នឹងនៅតែត្រូវបានដាក់ស្នើ។

ឈ្មោះ៖
អាយុ៖
ដាក់ស្នើ

ដូច្នេះតើអ្នកអភិវឌ្ឍន៍បំបែកឥរិយាបថនេះដោយរបៀបណា? វិធីមួយដើម្បីធ្វើការជុំវិញឥរិយាបថនេះ ហើយដើម្បីឲ្យច្បាស់ យើងមិនណែនាំវាទេ—គឺត្រូវទម្លាក់ធាតុទម្រង់។ កម្មវិធីរុករកតាមអ៊ីនធឺណិតដឹងពីអ្វីដែលត្រូវដាក់បញ្ជូន ដោយការដាក់ជាក្រុមជាមួយគ្នារវាងស្លាកទម្រង់។ ទម្លាក់ស្លាកទាំងនោះ ហើយកម្មវិធីរុករកតាមអ៊ីនធឺណិតមិនធ្វើ»។ មិនដឹងថាត្រូវដាក់ស្នើអ្វី។ វិធីមួយទៀតដែលអ្នកអភិវឌ្ឍន៍ខ្លះរៀបចំឥរិយាបថរបស់កម្មវិធីរុករកគឺប្រើ CSS ដើម្បីបង្កើតប៊ូតុងជាជាងធាតុ HTML ត្រឹមត្រូវដូចនេះ។

.submitButton ( padding: 10px 20px; margin-top: 10px; background-color: #ddd; border-radius: 5px; display: inline-block; ) .submitButton:hover ( background-color: #ccc; ) .submitButton: សកម្ម (ពណ៌ផ្ទៃខាងក្រោយ៖ #ddd;) ឈ្មោះ៖
អាយុ៖
ដាក់ស្នើ

ដែលនៅពេលដែលបង្ហាញដោយកម្មវិធីរុករកនឹងបង្កើតប៊ូតុងដែលមើលទៅដូចជាប៊ូតុងមួយប៉ុន្តែមិនបានធ្វើអ្វីទេនៅពេលចុចបញ្ចូល។

SubmitButton(padding: 10px 20px; margin-top: 10px; background-color: #ddd; border-radius: 5px; display: inline-block;).submitButton:hover(background-color: #ccc;).submitButton:active (ពណ៌ផ្ទៃខាងក្រោយ៖ #ddd;)

នេះគឺជាឧទាហរណ៍នៃកូដ html សម្រាប់ទម្រង់ចុះឈ្មោះសិស្ស។ ក្នុងឧទាហរណ៍នេះ យើងបានបង្ហាញវាលអត្ថបទជាច្រើន ប៊ូតុងមូល ប៊ូតុងកំណត់ឡើងវិញ និងប៊ូតុងបញ្ជូនទម្រង់។ យើងបានប្រើប៊ូតុងកំណត់ឡើងវិញដែលកំណត់វាលទាំងអស់ឱ្យទទេ។ យើងបានប្រើសុពលភាព JavaScript នៅក្នុងទម្រង់ចុះឈ្មោះសិស្ស។ ប្រសិនបើអ្នកនឹងមិនបញ្ចូលតម្លៃក្នុងប្រអប់អត្ថបទ នោះសារកំហុសនឹងត្រូវបានបង្ហាញ។ ក្នុងឧទាហរណ៍នេះ យើងបានធ្វើការបញ្ចូលក្នុងគ្រប់វិស័យចាំបាច់ ដូច្នេះកំហុសមួយត្រូវបានបង្ហាញ ប្រសិនបើមួយក្នុងចំណោមពួកវាមិនត្រូវបានបំពេញត្រឹមត្រូវ។ ទោះយ៉ាងណាក៏ដោយ អ្នកសរសេរកម្មវិធីអាចកែសម្រួលវាទៅតាមនោះ។

នៅពេលដែលវាលទាំងអស់ត្រូវបានបំពេញត្រឹមត្រូវ ទម្រង់បែបបទដាក់ស្នើបន្ថែមទិន្នន័យ។ អ្នកសរសេរកម្មវិធីអាចប្រើទម្រង់បញ្ជូននេះតាមដែលគាត់ចង់ ទាំងពួកគេអាចផ្ញើ/បញ្ជូនវាទៅទំព័រផ្សេងទៀត ឬរក្សាទុកវាក្នុងមូលដ្ឋានទិន្នន័យ។

នេះជាវីដេអូបង្រៀន "របៀបបង្កើតទម្រង់ចុះឈ្មោះសិស្សក្នុង HTML?"៖

នៅក្នុងការណែនាំវីដេអូខាងលើ យើងបានពន្យល់អ្នកពីរបៀបបង្កើតទំព័រ html សម្រាប់ការចុះឈ្មោះសិស្ស និងធ្វើឱ្យវាមានសុពលភាពជាមួយ JavaScript។ JavaScript ត្រូវបានប្រើដើម្បីធ្វើឱ្យទំព័រ HTML មានសុពលភាពក្នុងកម្មវិធីបណ្ដាញ។ សព្វថ្ងៃនេះ Ajax និង jQuery ក៏ត្រូវបានប្រើសម្រាប់បង្កើតកម្មវិធីបណ្តាញថាមវន្តផងដែរ។

StudentRegistration.html

ទម្រង់ចុះឈ្មោះនិស្សិត
ឈ្មោះ
ឈ្មោះឪពុក
អាសយដ្ឋានប្រៃសណីយ
អាស័យដ្ឋានផ្ទាល់ខ្លួន
ការរួមភេទ	ប្រុសស្រី
ទីក្រុង	ជ្រើសរើស.. NEW DELHI MUMBAI GOA PATNA
វគ្គសិក្សា	ជ្រើសរើស.. B.TECH MCA MBA BCA
ស្រុក	ជ្រើសរើស.. NALANDA UP GOA PATNA
រដ្ឋ	ជ្រើសរើស.. NEW DELHI MUMBAI GOA BIHAR
កូដ PIN
លេខសំគាល់សារអេឡិចត្រូនិច
DOB
លេខទូរសព្ទ

សុពលភាពទម្រង់

មុខងារ validate() ( if(document.StudentRegistration.textnames.value == "") ( alert("សូមផ្តល់ឈ្មោះរបស់អ្នក!"); document.StudentRegistration.textnames.focus() ; return false; ) if(document.StudentRegistration .fathername.value == "") ( alert("សូមផ្តល់ឈ្មោះឪពុករបស់អ្នក!"); document.StudentRegistration.fathername.focus(); return false; ) if(document.StudentRegistration.paddress.value =="") ( alert("សូមផ្តល់អាសយដ្ឋានប្រៃសណីយ៍របស់អ្នក!"); document.StudentRegistration.paddress.focus() ; return false; ) if(document.StudentRegistration.personaladdress.value =="") ( alert("សូមផ្តល់អាសយដ្ឋានផ្ទាល់ខ្លួនរបស់អ្នក !"); document.StudentRegistration.personaladdress.focus(); ត្រឡប់មិនពិត; ) ប្រសិនបើ ((StudentRegistration.sex.checked == false) && (StudentRegistration.sex.checked == false)) ( ដាស់តឿន ("សូមជ្រើសរើសភេទរបស់អ្នក : Male or Female"); return false; ) if(document.StudentRegistration.City.value == "-1") ( alert("Please provide your City!"); document.StudentRegistration.City.focus();

នៅក្នុងអត្ថបទនេះ អ្នកនឹងរៀនពីរបៀបបង្កើតទម្រង់ចុះឈ្មោះ និងចូលដោយប្រើ HTML, JavaScript, PHP និង MySql ។ ទម្រង់បែបបទបែបនេះត្រូវបានប្រើប្រាស់ស្ទើរតែគ្រប់គេហទំព័រ ដោយមិនគិតពីប្រភេទរបស់វាឡើយ។ ពួកវាត្រូវបានបង្កើតឡើងសម្រាប់វេទិកា ហាងអនឡាញ បណ្តាញសង្គម (ដូចជា Facebook, Twitter, Odnoklassniki) និងប្រភេទគេហទំព័រជាច្រើនទៀត។

ប្រសិនបើអ្នកមានគេហទំព័រនៅលើកុំព្យូទ័រក្នុងស្រុករបស់អ្នក ខ្ញុំសង្ឃឹមថាអ្នកមានរួចហើយ។ បើគ្មានវាគ្មានអ្វីនឹងដំណើរការទេ។

ការបង្កើតតារាងនៅក្នុង Database

ដើម្បីអនុវត្តការចុះឈ្មោះអ្នកប្រើប្រាស់ ជាដំបូងយើងត្រូវមាន Database ។ ប្រសិនបើអ្នកមានវារួចហើយ នោះអស្ចារ្យណាស់ បើមិនដូច្នេះទេ អ្នកត្រូវបង្កើតវា។ នៅក្នុងអត្ថបទខ្ញុំពន្យល់លម្អិតអំពីរបៀបធ្វើវា។

ដូច្នេះហើយ យើងមាន Database (អក្សរកាត់ថា DB) ឥឡូវយើងត្រូវបង្កើតតារាង អ្នកប្រើប្រាស់ដែលយើងនឹងបន្ថែមអ្នកប្រើប្រាស់ដែលបានចុះឈ្មោះរបស់យើង។

ខ្ញុំក៏បានពន្យល់ពីរបៀបបង្កើតតារាងក្នុងមូលដ្ឋានទិន្នន័យក្នុងអត្ថបទ។

មុននឹងបង្កើតតារាង យើងត្រូវកំណត់ថាតើវាលមួយណាដែលវានឹងមាន។ វាលទាំងនេះនឹងត្រូវគ្នាទៅនឹងវាលពីទម្រង់ចុះឈ្មោះ។ អ្នកប្រើប្រាស់ដូច្នេះ យើងបានគិត ស្រមៃមើលថាតើទម្រង់របស់យើងនឹងមានវាលអ្វីខ្លះ ហើយបង្កើតតារាងមួយ។

ជាមួយវាលទាំងនេះ៖លេខសម្គាល់ ជាមួយវាលទាំងនេះ៖- អ្នកកំណត់អត្តសញ្ញាណ។ វាល
តារាងនីមួយៗក្នុងមូលដ្ឋានទិន្នន័យគួរតែមានវា។ឈ្មោះដំបូង
- ដើម្បីរក្សាទុកឈ្មោះ។នាមត្រកូល
- ដើម្បីរក្សានាមត្រកូល។អ៊ីមែល
- ដើម្បីរក្សាទុកអាសយដ្ឋានប្រៃសណីយ៍។ យើងនឹងប្រើអ៊ីមែលជាការចូល ដូច្នេះវាលនេះត្រូវតែមានតែមួយ នោះគឺមានសន្ទស្សន៍ UNIQUE ។ស្ថានភាពអ៊ីមែល
- វាលដើម្បីចង្អុលបង្ហាញថាតើសំបុត្រត្រូវបានបញ្ជាក់ឬអត់។ ប្រសិនបើសំបុត្រត្រូវបានបញ្ជាក់ នោះវានឹងមានតម្លៃ 1 បើមិនដូច្នេះទេតម្លៃគឺ 0 ។ តាមលំនាំដើម វាលនេះនឹងមានតម្លៃ 0 ។ពាក្យសម្ងាត់

- ដើម្បីរក្សាទុកពាក្យសម្ងាត់។

វាលទាំងអស់នៃប្រភេទ “VARCHAR” ត្រូវតែមានតម្លៃលំនាំដើមនៃ NULL ។

ប្រសិនបើអ្នកចង់ឱ្យទម្រង់ចុះឈ្មោះរបស់អ្នកមានវាលផ្សេងទៀត អ្នកក៏អាចបន្ថែមពួកវានៅទីនេះផងដែរ។ អ្នកប្រើប្រាស់នោះហើយជាវា តុរបស់យើង។

រួចរាល់។ តោះបន្តទៅដំណាក់កាលបន្ទាប់។

ការតភ្ជាប់មូលដ្ឋានទិន្នន័យ

យើងបានបង្កើតមូលដ្ឋានទិន្នន័យហើយ ឥឡូវយើងត្រូវតភ្ជាប់ទៅវា។ យើងនឹងភ្ជាប់ដោយប្រើផ្នែកបន្ថែម PHP MySQLi ។ នៅក្នុងថតនៃគេហទំព័ររបស់យើងបង្កើតឯកសារដែលមានឈ្មោះ dbconnect.php

ហើយសរសេរស្គ្រីបខាងក្រោមនៅក្នុងវា៖ នៅក្នុងថតនៃគេហទំព័ររបស់យើងបង្កើតឯកសារដែលមានឈ្មោះឯកសារនេះ។

នឹងត្រូវភ្ជាប់ទៅឧបករណ៍ដោះស្រាយទម្រង់។ កត់សម្គាល់អថេរ$address_site

នៅទីនេះខ្ញុំបានចង្អុលបង្ហាញឈ្មោះគេហទំព័រសាកល្បងរបស់ខ្ញុំដែលខ្ញុំនឹងធ្វើការ។ សូមបញ្ជាក់ឈ្មោះគេហទំព័ររបស់អ្នកតាម។

រចនាសម្ព័ន្ធគេហទំព័រ

ឥឡូវនេះសូមមើលរចនាសម្ព័ន្ធ HTML នៃគេហទំព័ររបស់យើង។ យើងនឹងផ្លាស់ទីបឋមកថា និងបាតកថានៃគេហទំព័រទៅជាឯកសារដាច់ដោយឡែក header.php footer.php. យើងនឹងដាក់បញ្ចូលវានៅលើទំព័រទាំងអស់។ ឈ្មោះនៅលើទំព័រមេ (ឯកសារ index.php) ទៅទំព័រដែលមានទម្រង់ចុះឈ្មោះ (ឯកសារ form_register.php) និងទៅកាន់ទំព័រដែលមានទម្រង់ការអនុញ្ញាត (ឯកសារ form_auth.php).

រារាំងជាមួយតំណភ្ជាប់របស់យើង, ការចុះឈ្មោះ header.php ការអនុញ្ញាតបន្ថែមពួកវាទៅបឋមកថាគេហទំព័រ ដូច្នេះពួកវាត្រូវបានបង្ហាញនៅលើទំព័រទាំងអស់។ តំណមួយនឹងចូលទៅក្នុងទំព័រដែលមានទម្រង់ចុះឈ្មោះ (ឯកសារ form_register.php) និងមួយទៀតទៅកាន់ទំព័រដែលមានទម្រង់ការអនុញ្ញាត (ឯកសារ form_auth.php).

ខ្លឹមសារនៃឯកសារ header.php៖

ឈ្មោះគេហទំព័ររបស់យើង។

ជាលទ្ធផល ទំព័រសំខាន់របស់យើងមើលទៅដូចនេះ៖

ជាការពិតណាស់ គេហទំព័ររបស់អ្នកអាចមានរចនាសម្ព័ន្ធខុសគ្នាទាំងស្រុង ប៉ុន្តែវាមិនសំខាន់សម្រាប់យើងឥឡូវនេះទេ។ រឿងចំបងគឺថាមានតំណភ្ជាប់ (ប៊ូតុង) សម្រាប់ការចុះឈ្មោះនិងការអនុញ្ញាត។

ឥឡូវនេះសូមបន្តទៅទម្រង់ចុះឈ្មោះ។ ដូចដែលអ្នកបានយល់រួចហើយ យើងមានវានៅលើឯកសារ form_register.php.

ចូលទៅកាន់មូលដ្ឋានទិន្នន័យ (ក្នុង phpMyAdmin) បើករចនាសម្ព័ន្ធតារាង អ្នកប្រើប្រាស់ហើយពិនិត្យមើលថាតើយើងត្រូវការផ្នែកអ្វីខ្លះ។ នេះមានន័យថាយើងត្រូវការវាលសម្រាប់បញ្ចូលឈ្មោះ និងនាមត្រកូល វាលសម្រាប់បញ្ចូលអាសយដ្ឋានប្រៃសណីយ៍ (អ៊ីមែល) និងវាលសម្រាប់បញ្ចូលពាក្យសម្ងាត់។ ហើយសម្រាប់គោលបំណងសុវត្ថិភាព យើងនឹងបន្ថែមវាលសម្រាប់បញ្ចូល captcha ។

នៅលើម៉ាស៊ីនមេ ជាលទ្ធផលនៃដំណើរការទម្រង់ចុះឈ្មោះ កំហុសផ្សេងៗអាចកើតឡើងដោយសារអ្នកប្រើប្រាស់នឹងមិនអាចចុះឈ្មោះបាន។ ដូច្នេះដើម្បីឱ្យអ្នកប្រើប្រាស់យល់ពីមូលហេតុដែលការចុះឈ្មោះបរាជ័យ ចាំបាច់ត្រូវបង្ហាញសារអំពីកំហុសទាំងនេះ។

មុនពេលបង្ហាញទម្រង់ សូមបន្ថែមប្លុកដើម្បីបង្ហាញសារកំហុសពីវគ្គ។

ហើយរឿងមួយទៀត ប្រសិនបើអ្នកប្រើប្រាស់ត្រូវបានអនុញ្ញាតរួចហើយ ហើយដោយមានការចង់ដឹងចង់ឃើញ គាត់ទៅទំព័រចុះឈ្មោះដោយផ្ទាល់ដោយសរសេរនៅក្នុងរបារអាសយដ្ឋាននៃកម្មវិធីរុករក។ site_address/form_register.phpបន្ទាប់មកក្នុងករណីនេះ ជំនួសឱ្យទម្រង់ចុះឈ្មោះ យើងនឹងបង្ហាញបឋមកថាដែលបញ្ជាក់ថាគាត់បានចុះឈ្មោះរួចហើយ។

ជាទូទៅលេខកូដឯកសារ form_register.phpយើងទទួលបាននេះ៖

អ្នកបានចុះឈ្មោះរួចហើយ

នៅក្នុងកម្មវិធីរុករក ទំព័រដែលមានទម្រង់ចុះឈ្មោះមើលទៅដូចនេះ៖

ដោយប្រើគុណលក្ខណៈដែលត្រូវការ យើងបានបង្កើតវាលទាំងអស់ចាំបាច់។

យកចិត្តទុកដាក់លើលេខកូដនៃទម្រង់ចុះឈ្មោះដែល captcha ត្រូវបានបង្ហាញ៖

យើងបានបញ្ជាក់ផ្លូវទៅកាន់ឯកសារក្នុងតម្លៃនៃគុណលក្ខណៈ src សម្រាប់រូបភាព captcha.phpដែលបង្កើត captcha នេះ។

តោះមើលកូដឯកសារ captcha.php:

កូដត្រូវបានបញ្ចេញមតិបានល្អ ដូច្នេះខ្ញុំនឹងផ្តោតលើចំណុចតែមួយប៉ុណ្ណោះ។

នៅខាងក្នុងមុខងារមួយ។ រូបភាពTtfText()ផ្លូវទៅកាន់ពុម្ពអក្សរត្រូវបានបញ្ជាក់ verdana.ttf. ដូច្នេះដើម្បីឱ្យ captcha ដំណើរការបានត្រឹមត្រូវ យើងត្រូវបង្កើត folder មួយ។ ពុម្ពអក្សរហើយដាក់ឯកសារពុម្ពអក្សរនៅទីនោះ verdana.ttf. អ្នកអាចស្វែងរក និងទាញយកវាពីអ៊ីនធឺណិត ឬយកវាពីបណ្ណសារជាមួយនឹងសម្ភារៈនៃអត្ថបទនេះ។

យើងបានបញ្ចប់ជាមួយនឹងរចនាសម្ព័ន្ធ HTML វាដល់ពេលដែលត្រូវបន្ត។

កំពុងពិនិត្យមើលសុពលភាពអ៊ីមែលដោយប្រើ jQuery

ទម្រង់ណាមួយត្រូវពិនិត្យមើលសុពលភាពនៃទិន្នន័យដែលបានបញ្ចូលទាំងនៅផ្នែកអតិថិជន (ដោយប្រើ JavaScript, jQuery) និងនៅផ្នែកខាងម៉ាស៊ីនមេ។

យើងត្រូវយកចិត្តទុកដាក់ជាពិសេសចំពោះវាលអ៊ីម៉ែល។ វាមានសារៈសំខាន់ខ្លាំងណាស់ដែលអាសយដ្ឋានប្រៃសណីយ៍ដែលបានបញ្ចូលមានសុពលភាព។

សម្រាប់វាលបញ្ចូលនេះ យើងកំណត់ប្រភេទអ៊ីមែល (type="email") វាព្រមានយើងបន្តិចពីទម្រង់មិនត្រឹមត្រូវ។ ប៉ុន្តែនេះមិនគ្រប់គ្រាន់ទេព្រោះតាមរយៈអ្នកត្រួតពិនិត្យកូដដែលកម្មវិធីរុករកផ្តល់ឱ្យយើងយើងអាចផ្លាស់ប្តូរតម្លៃគុណលក្ខណៈបានយ៉ាងងាយស្រួល ប្រភេទជាមួយ - ដើម្បីរក្សានាមត្រកូល។នៅលើ អត្ថបទហើយនោះហើយជាវា មូលប្បទានប័ត្ររបស់យើងនឹងមិនមានសុពលភាពទៀតទេ។

ហើយក្នុងករណីនេះយើងត្រូវធ្វើការត្រួតពិនិត្យដែលអាចទុកចិត្តបានជាងនេះ។ ដើម្បីធ្វើដូចនេះយើងនឹងប្រើបណ្ណាល័យ jQuery ពី JavaScript ។

ដើម្បីភ្ជាប់បណ្ណាល័យ jQuery នៅក្នុងឯកសារ យើងនឹងផ្លាស់ទីបឋមកថា និងបាតកថានៃគេហទំព័រទៅជាឯកសារដាច់ដោយឡែករវាងស្លាក មុនស្លាកបិទ បន្ថែមបន្ទាត់នេះ៖

ភ្លាមៗបន្ទាប់ពីបន្ទាត់នេះ យើងនឹងបន្ថែមលេខកូដបញ្ជាក់អ៊ីមែល។ នៅទីនេះយើងនឹងបន្ថែមលេខកូដដើម្បីពិនិត្យមើលប្រវែងនៃពាក្យសម្ងាត់ដែលបានបញ្ចូល។ ប្រវែងរបស់វាត្រូវតែមានយ៉ាងហោចណាស់ 6 តួអក្សរ។

ដោយប្រើស្គ្រីបនេះ យើងពិនិត្យមើលអាសយដ្ឋានអ៊ីមែលដែលបានបញ្ចូលសម្រាប់សុពលភាព។ ប្រសិនបើអ្នកប្រើបានបញ្ចូលអ៊ីមែលមិនត្រឹមត្រូវ យើងបង្ហាញសារកំហុសអំពីបញ្ហានេះ ហើយបិទប៊ូតុងបញ្ជូនទម្រង់។ ប្រសិនបើអ្វីៗដំណើរការល្អ នោះយើងដកកំហុសចេញ ហើយធ្វើឱ្យប៊ូតុងដាក់ស្នើទម្រង់សកម្ម។

ដូច្នេះហើយ យើងត្រូវបានធ្វើដោយមានសុពលភាពទម្រង់នៅខាងអតិថិជន។ ឥឡូវនេះយើងអាចផ្ញើវាទៅម៉ាស៊ីនមេ ដែលយើងនឹងធ្វើការត្រួតពិនិត្យពីរបីដង និងបន្ថែមទិន្នន័យទៅក្នុងមូលដ្ឋានទិន្នន័យ។

ការចុះឈ្មោះអ្នកប្រើប្រាស់

យើងផ្ញើទម្រង់ទៅឯកសារសម្រាប់ដំណើរការ ចុះឈ្មោះ.phpតាមរយៈវិធីសាស្ត្រ POST ។ ឈ្មោះឯកសារដោះស្រាយនេះត្រូវបានបញ្ជាក់នៅក្នុងតម្លៃគុណលក្ខណៈ សកម្មភាព. ហើយវិធីសាស្ត្រផ្ញើត្រូវបានបញ្ជាក់នៅក្នុងតម្លៃគុណលក្ខណៈ វិធីសាស្រ្ត.

បើកឯកសារនេះ។ ចុះឈ្មោះ.phpហើយរឿងដំបូងដែលយើងត្រូវធ្វើគឺសរសេរមុខងារបើកសម័យ ហើយភ្ជាប់ឯកសារដែលយើងបានបង្កើតមុន។ នៅក្នុងថតនៃគេហទំព័ររបស់យើងបង្កើតឯកសារដែលមានឈ្មោះ(ក្នុងឯកសារនេះ យើងបានធ្វើការតភ្ជាប់ទៅមូលដ្ឋានទិន្នន័យ)។ ហើយក៏សូមប្រកាសកោសិកាភ្លាមៗ error_mesages header.php ជោគជ័យ_សារនៅក្នុងអារេនៃសម័យប្រជុំសកល។ IN error_mesagesយើងនឹងកត់ត្រារាល់សារកំហុសដែលកើតឡើងក្នុងកំឡុងពេលដំណើរការទម្រង់ និងក្នុង succes_messagesយើងនឹងកត់ត្រាសារដ៏រីករាយ។

មុននឹងយើងបន្ត យើងត្រូវពិនិត្យមើលថាតើទម្រង់នេះត្រូវបានដាក់ស្នើឬអត់។ អ្នកវាយប្រហារអាចមើលតម្លៃ attribute សកម្មភាពពីទម្រង់ ហើយរកមើលថាតើឯកសារណាមួយកំពុងដំណើរការទម្រង់នេះ។ ហើយគាត់ប្រហែលជាមានគំនិតដើម្បីចូលទៅឯកសារនេះដោយផ្ទាល់ដោយវាយអាសយដ្ឋានខាងក្រោមនៅក្នុងរបារអាសយដ្ឋានរបស់កម្មវិធីរុករក៖ http://site_address/register.php

ដូច្នេះយើងត្រូវពិនិត្យមើលក្រឡាមួយនៅក្នុងអារេ POST សកលដែលឈ្មោះរបស់វាត្រូវនឹងឈ្មោះនៃប៊ូតុង "ចុះឈ្មោះ" របស់យើងពីទម្រង់។ វិធីនេះយើងពិនិត្យមើលថាតើប៊ូតុង "ចុះឈ្មោះ" ត្រូវបានចុចឬអត់។

ប្រសិនបើអ្នកវាយប្រហារព្យាយាមទៅកាន់ឯកសារនេះដោយផ្ទាល់ ពួកគេនឹងទទួលបានសារកំហុសមួយ។ ខ្ញុំសូមរំលឹកអ្នកថា អថេរ $address_site មានផ្ទុកឈ្មោះគេហទំព័រ ហើយវាត្រូវបានប្រកាសនៅក្នុងឯកសារ នៅក្នុងថតនៃគេហទំព័ររបស់យើងបង្កើតឯកសារដែលមានឈ្មោះ.

តម្លៃ captcha នៅក្នុងវគ្គត្រូវបានបន្ថែមនៅពេលដែលវាត្រូវបានបង្កើតនៅក្នុងឯកសារ captcha.php. ជាការរំលឹក ខ្ញុំនឹងបង្ហាញអ្នកនូវបំណែកនៃកូដនេះពីឯកសារម្តងទៀត captcha.phpដែលតម្លៃ captcha ត្រូវបានបន្ថែមទៅវគ្គ៖

ឥឡូវនេះសូមបន្តទៅការផ្ទៀងផ្ទាត់ដោយខ្លួនឯង។ នៅក្នុងឯកសារ ចុះឈ្មោះ.phpនៅខាងក្នុង if block ដែលជាកន្លែងដែលយើងពិនិត្យមើលថាតើប៊ូតុង "ចុះឈ្មោះ" ត្រូវបានចុច ឬជាកន្លែងដែលមតិយោបល់ "ត្រូវបានចង្អុលបង្ហាញ" // (1) ចន្លោះសម្រាប់បំណែកបន្ទាប់នៃកូដ"យើងសរសេរ:

// ពិនិត្យ captcha ដែលទទួលបាន // កាត់ចន្លោះពីដើមនិងចុងបន្ទាត់ $captcha = trim($_POST["captcha"]);

if(isset($_POST["captcha"]) && !empty($captcha))(//ប្រៀបធៀបតម្លៃដែលទទួលបានជាមួយតម្លៃពីវគ្គ។ if(($_SESSION["rand"] != $captcha) && ($_SESSION ["rand"] !=""))(// ប្រសិនបើ captcha មិនត្រឹមត្រូវ នោះយើងបញ្ជូនអ្នកប្រើប្រាស់ទៅទំព័រចុះឈ្មោះ ហើយនៅទីនោះ យើងនឹងបង្ហាញសារកំហុសទៅគាត់ថាគាត់បានបញ្ចូល captcha ខុស។ $error_message = "

កំហុស! អ្នកបានបញ្ចូល captcha ខុស

"; // រក្សាទុកសារកំហុសទៅសម័យ។ $_SESSION["error_messages"] = $error_message; // ត្រឡប់អ្នកប្រើប្រាស់ទៅកាន់ទំព័រចុះឈ្មោះបឋមកថា("HTTP/1.1 301 បានផ្លាស់ទីអចិន្ត្រៃយ៍"); header("ទីតាំង៖" .$address_site ."/form_register.php"); // បញ្ឈប់ការចេញស្គ្រីប (); // (2) ដាក់សម្រាប់កូដបន្ទាប់ទៀត )else( // ប្រសិនបើ captcha មិនត្រូវបានឆ្លងកាត់ ឬវាជាការចាកចេញទទេ ( "

"); }

កំហុស! មិនមានលេខកូដផ្ទៀងផ្ទាត់ទេ នោះគឺលេខកូដ captcha ។ អ្នកអាចចូលទៅកាន់ទំព័រមេ។

បន្ទាប់យើងត្រូវដំណើរការទិន្នន័យដែលទទួលបានពីអារេ POST ។ ដំបូងយើងត្រូវពិនិត្យមើលមាតិកានៃអារេ POST សកល ពោលគឺថាតើមានក្រឡានៅទីនោះដែលឈ្មោះរបស់វាត្រូវគ្នានឹងឈ្មោះនៃវាលបញ្ចូលពីទម្រង់របស់យើង។

ប្រសិនបើក្រឡាមាន នោះយើងកាត់ដកឃ្លាពីដើម និងចុងបន្ទាត់ចេញពីក្រឡានេះ បើមិនដូច្នេះទេ យើងប្តូរទិសអ្នកប្រើប្រាស់ត្រឡប់ទៅទំព័រវិញជាមួយនឹងទម្រង់ចុះឈ្មោះ។

បន្ទាប់មក បន្ទាប់ពីយើងកាត់ចន្លោះហើយ យើងបន្ថែមបន្ទាត់ទៅអថេរ ហើយពិនិត្យមើលអថេរនេះសម្រាប់ភាពទទេ ប្រសិនបើវាមិនទទេទេ យើងបន្តទៅមុខ បើមិនដូច្នេះទេ យើងប្តូរទិសអ្នកប្រើប្រាស់ត្រឡប់ទៅទំព័រវិញជាមួយនឹងទម្រង់ចុះឈ្មោះ។ បិទភ្ជាប់លេខកូដនេះទៅក្នុងទីតាំងដែលបានបញ្ជាក់"".

/* ពិនិត្យមើលថាតើមានទិន្នន័យដែលបានផ្ញើពីទម្រង់នៅក្នុងអារេសកល $_POST ហើយរុំទិន្នន័យដែលបានបញ្ជូនក្នុងអថេរធម្មតា។*/ if(isset($_POST["first_name"]))(//កាត់ដកឃ្លាពីដើម និងចុងបញ្ចប់នៃខ្សែអក្សរ $first_name = trim($_POST["first_name"]); // ពិនិត្យអថេរសម្រាប់ភាពទទេ ប្រសិនបើ(!empty($first_name))( // ដើម្បីសុវត្ថិភាព សូមបំប្លែងតួអក្សរពិសេសទៅជាធាតុ HTML $first_name = htmlspecialchars($first_name, ENT_QUOTES) )else(// រក្សាទុកសារកំហុសទៅវគ្គ។ $_SESSION["error_messages"] .= "

បញ្ចូលឈ្មោះរបស់អ្នក

វាលឈ្មោះបាត់

"; // ត្រឡប់អ្នកប្រើប្រាស់ទៅបឋមកថាទំព័រចុះឈ្មោះ("HTTP/1.1 301 បានផ្លាស់ទីអចិន្ត្រៃយ៍"); header("ទីតាំង៖ ".$address_site."/form_register.php"); // បញ្ឈប់ការចាកចេញស្គ្រីប(); ) if( isset($_POST["last_name"]))( // កាត់ចន្លោះពីដើម និងចុងបន្ទាត់ $last_name = trim($_POST["last_name"]); if(!empty($last_name)) (// ដើម្បីសុវត្ថិភាព បំប្លែងតួអក្សរពិសេសទៅជាធាតុ HTML $last_name = htmlspecialchars($last_name, ENT_QUOTES); )else(// រក្សាទុកសារកំហុសទៅវគ្គ។ $_SESSION["error_messages"] .= "

សូមបញ្ចូលនាមត្រកូលរបស់អ្នក។

បាត់វាលនាមត្រកូល

"; // ត្រឡប់អ្នកប្រើប្រាស់ទៅបឋមកថាទំព័រចុះឈ្មោះ("HTTP/1.1 301 បានផ្លាស់ទីអចិន្ត្រៃយ៍"); header("ទីតាំង៖ ".$address_site."/form_register.php"); // បញ្ឈប់ការចាកចេញស្គ្រីប(); ) if( isset($_POST["email"]))( // កាត់ចន្លោះពីដើម និងចុងបន្ទាត់ $email = trim($_POST["email"]); if(!empty($email)) ( $email = htmlspecialchars ($email, ENT_QUOTES); // (3) ទីតាំងកូដសម្រាប់ពិនិត្យមើលទម្រង់អាសយដ្ឋានអ៊ីមែល និងលក្ខណៈពិសេសរបស់វា)else( // រក្សាទុកសារកំហុសទៅវគ្គ។ $_SESSION["error_messages"] .= "

បញ្ចូលអ៊ីមែលរបស់អ្នក។

"; // ត្រឡប់អ្នកប្រើប្រាស់ទៅបឋមកថាទំព័រចុះឈ្មោះ("HTTP/1.1 301 បានផ្លាស់ទីអចិន្ត្រៃយ៍"); header("ទីតាំង៖ ".$address_site."/form_register.php"); // បញ្ឈប់ការចាកចេញស្គ្រីប(); ) if( isset($_POST["password"]))( // កាត់ដកឃ្លាពីដើម និងចុងខ្សែអក្សរ $password = trim($_POST["password"]); if(!empty($password)) ( $password = htmlspecialchars ($password, ENT_QUOTES); // អ៊ិនគ្រីបពាក្យសម្ងាត់ $password = md5($password.top_secret");else( // រក្សាទុកសារកំហុសទៅវគ្គ។ $_SESSION["error_messages"] ។ = "

បញ្ចូលពាក្យសម្ងាត់របស់អ្នក។

សារៈសំខាន់ជាពិសេសគឺវាល - ដើម្បីរក្សានាមត្រកូល។. យើងត្រូវតែពិនិត្យមើលទម្រង់នៃអាសយដ្ឋានប្រៃសណីយ៍ដែលបានទទួល និងលក្ខណៈពិសេសរបស់វានៅក្នុងមូលដ្ឋានទិន្នន័យ។ នោះគឺជាអ្នកប្រើណាមួយដែលមានអាសយដ្ឋានអ៊ីមែលដូចគ្នាបានចុះឈ្មោះរួចហើយ?

នៅទីតាំងជាក់លាក់" // (3) ទីតាំងកូដ ដើម្បីពិនិត្យមើលទម្រង់អាសយដ្ឋានប្រៃសណីយ៍ និងលក្ខណៈពិសេសរបស់វា។" បន្ថែមកូដខាងក្រោម៖

// ពិនិត្យទម្រង់អាសយដ្ឋានអ៊ីមែលដែលបានទទួលដោយប្រើកន្សោមធម្មតា $reg_email = "/^**@(+(*+)*\.)++/i";

// ប្រសិនបើទម្រង់នៃអាសយដ្ឋានអ៊ីមែលដែលទទួលបានមិនត្រូវគ្នានឹងកន្សោមធម្មតា ប្រសិនបើ(!preg_match($reg_email, $email))( // រក្សាទុកសារកំហុសទៅវគ្គ។ $_SESSION["error_messages"] .= "

អ្នកបានបញ្ចូលអ៊ីមែលមិនត្រឹមត្រូវ។

"; // ត្រឡប់អ្នកប្រើប្រាស់ទៅបឋមកថាទំព័រចុះឈ្មោះ("HTTP/1.1 301 បានផ្លាស់ទីអចិន្ត្រៃយ៍"); header("ទីតាំង៖ ".$address_site."/form_register.php"); // បញ្ឈប់ការចាកចេញស្គ្រីប(); ) // យើងពិនិត្យមើលថាតើអាស័យដ្ឋានបែបនេះមានរួចហើយនៅក្នុងមូលដ្ឋានទិន្នន័យ $result_query = $mysqli->query("SELECT `email` FROM `users` WHERE `email`=""".$email."""); គឺពិតប្រាកដមួយជួរ ដែលមានន័យថាអ្នកប្រើប្រាស់ដែលមានអាសយដ្ឋានអ៊ីមែលនេះត្រូវបានចុះឈ្មោះរួចហើយ ប្រសិនបើ($result_query->num_rows == 1)( // ប្រសិនបើលទ្ធផលដែលទទួលបានគឺមិនពិត if(($row = $result_query->fetch_assoc() ) != false) ( // រក្សាទុកសារកំហុសទៅវគ្គ។ $_SESSION["error_messages"] .= "

អ្នកប្រើប្រាស់ដែលមានអាសយដ្ឋានអ៊ីមែលនេះត្រូវបានចុះឈ្មោះរួចហើយ

"; // ត្រឡប់អ្នកប្រើប្រាស់ទៅបឋមកថាទំព័រចុះឈ្មោះ("HTTP/1.1 301 បានផ្លាស់ទីអចិន្ត្រៃយ៍"); header("ទីតាំង៖ ".$address_site."/form_register.php"); )else( // រក្សាទុកសារកំហុស ទៅវគ្គ . $_SESSION["error_messages"] .= "

"; // ត្រឡប់អ្នកប្រើប្រាស់ទៅបឋមកថាទំព័រចុះឈ្មោះ("HTTP/1.1 301 បានផ្លាស់ទីអចិន្ត្រៃយ៍"); header("ទីតាំង៖ ".$address_site."/form_register.php"); ) /* បិទការជ្រើសរើស */$ result_query-> close(); // បញ្ឈប់ script exit();

ដូច្នេះហើយ យើងបានបញ្ចប់ការត្រួតពិនិត្យទាំងអស់ វាដល់ពេលដែលត្រូវបន្ថែមអ្នកប្រើប្រាស់ទៅក្នុងមូលដ្ឋានទិន្នន័យហើយ។ នៅទីតាំងជាក់លាក់" // (4) កន្លែងសម្រាប់កូដសម្រាប់បន្ថែមអ្នកប្រើប្រាស់ទៅក្នុងមូលដ្ឋានទិន្នន័យ" បន្ថែមកូដខាងក្រោម៖

// សំណួរដើម្បីបន្ថែមអ្នកប្រើប្រាស់ទៅក្នុងមូលដ្ឋានទិន្នន័យ $result_query_insert = $mysqli->query("INSERT INTO `users` (first_name, last_name, email, password) VALUES ("".$first_name."", "".$last_name ." ", ".".$email.", ".".$password."")");

if(!$result_query_insert)( // រក្សាទុកសារកំហុសទៅវគ្គ។ $_SESSION["error_messages"] .= "

កំហុសក្នុងការស្នើសុំបន្ថែមអ្នកប្រើប្រាស់ទៅមូលដ្ឋានទិន្នន័យ

ឥឡូវនេះអ្នកអាចចូលដោយប្រើឈ្មោះអ្នកប្រើ និងពាក្យសម្ងាត់របស់អ្នក។

"; // បញ្ជូនអ្នកប្រើប្រាស់ទៅកាន់បឋមកថាទំព័រអនុញ្ញាត("HTTP/1.1 301 បានផ្លាស់ទីអចិន្ត្រៃយ៍"); header("ទីតាំង៖ ".$address_site."/form_auth.php"); ) /* ការបំពេញសំណើ */$ result_query_insert-> close(); // បិទការតភ្ជាប់ទៅមូលដ្ឋានទិន្នន័យ $mysqli->close();

ប្រសិនបើមានកំហុសកើតឡើងនៅក្នុងសំណើដើម្បីបន្ថែមអ្នកប្រើប្រាស់ទៅមូលដ្ឋានទិន្នន័យ យើងបន្ថែមសារអំពីកំហុសនេះទៅកាន់វគ្គ ហើយបញ្ជូនអ្នកប្រើប្រាស់ទៅទំព័រចុះឈ្មោះវិញ។

បើមិនដូច្នេះទេ ប្រសិនបើអ្វីៗដំណើរការល្អ យើងក៏បន្ថែមសារទៅវគ្គនេះផងដែរ ប៉ុន្តែលើកនេះកាន់តែរីករាយ ពោលគឺយើងប្រាប់អ្នកប្រើប្រាស់ថាការចុះឈ្មោះបានជោគជ័យ។ ហើយយើងបញ្ជូនវាទៅទំព័រដែលមានទម្រង់ការអនុញ្ញាត។ យើងនឹងផ្លាស់ទីបឋមកថា និងបាតកថានៃគេហទំព័រទៅជាឯកសារដាច់ដោយឡែកស្គ្រីបសម្រាប់ពិនិត្យមើលទម្រង់អាសយដ្ឋានអ៊ីមែល និងប្រវែងពាក្យសម្ងាត់គឺស្ថិតនៅក្នុងឯកសារ

ដូច្នេះវានឹងអនុវត្តចំពោះវាលពីទម្រង់នេះផងដែរ។ យើងនឹងផ្លាស់ទីបឋមកថា និងបាតកថានៃគេហទំព័រទៅជាឯកសារដាច់ដោយឡែកវគ្គក៏ចាប់ផ្តើមនៅក្នុងឯកសារផងដែរ។ form_auth.phpដូច្នេះនៅក្នុងឯកសារ

មិនចាំបាច់ចាប់ផ្តើមវគ្គទេ ព្រោះយើងនឹងទទួលបានកំហុស។ ដូចដែលខ្ញុំបាននិយាយរួចហើយ ស្គ្រីបសម្រាប់ពិនិត្យមើលទម្រង់អាសយដ្ឋានអ៊ីមែល និងប្រវែងពាក្យសម្ងាត់ក៏ដំណើរការនៅទីនេះដែរ។ ដូច្នេះ ប្រសិនបើអ្នកប្រើបញ្ចូលអាសយដ្ឋានអ៊ីមែលមិនត្រឹមត្រូវ ឬពាក្យសម្ងាត់ខ្លី គាត់នឹងទទួលបានសារកំហុសភ្លាមៗ។ ប៊ូតុងមួយ។ចូលមក

នឹងក្លាយទៅជាអសកម្ម។ ដូចដែលខ្ញុំបាននិយាយរួចហើយ ស្គ្រីបសម្រាប់ពិនិត្យមើលទម្រង់អាសយដ្ឋានអ៊ីមែល និងប្រវែងពាក្យសម្ងាត់ក៏ដំណើរការនៅទីនេះដែរ។ ដូច្នេះ ប្រសិនបើអ្នកប្រើបញ្ចូលអាសយដ្ឋានអ៊ីមែលមិនត្រឹមត្រូវ ឬពាក្យសម្ងាត់ខ្លី គាត់នឹងទទួលបានសារកំហុសភ្លាមៗ។ ប៊ូតុងមួយ។បន្ទាប់ពីជួសជុលកំហុសប៊ូតុង

ក្លាយជាសកម្ម ហើយអ្នកប្រើប្រាស់នឹងអាចបញ្ជូនទម្រង់ទៅម៉ាស៊ីនមេ ដែលវានឹងត្រូវបានដំណើរការ។

ការអនុញ្ញាតពីអ្នកប្រើប្រាស់ សកម្មភាពគុណលក្ខណៈតម្លៃ ពិការភាពអនុញ្ញាតមានឯកសារបញ្ជាក់នេះមានន័យថាទម្រង់នឹងត្រូវបានដំណើរការនៅក្នុងឯកសារនេះ។

ដូច្នេះហើយបើកឯកសារ ពិការភាពអនុញ្ញាតមានឯកសារបញ្ជាក់និងសរសេរកូដដើម្បីដំណើរការទម្រង់បែបបទអនុញ្ញាត។ រឿងដំបូងដែលអ្នកត្រូវធ្វើគឺចាប់ផ្តើមសម័យហើយភ្ជាប់ឯកសារ នៅក្នុងថតនៃគេហទំព័ររបស់យើងបង្កើតឯកសារដែលមានឈ្មោះដើម្បីភ្ជាប់ទៅមូលដ្ឋានទិន្នន័យ។

នៅពេលអ្នកចុចលើតំណចេញពីគេហទំព័រ យើងត្រូវបានគេយកទៅឯកសារ ចេញ.phpដែលជាកន្លែងដែលយើងគ្រាន់តែបំផ្លាញកោសិកាជាមួយនឹងអាសយដ្ឋានអ៊ីមែល និងពាក្យសម្ងាត់ពីសម័យប្រជុំ។ បន្ទាប់ពីនេះ យើងបញ្ជូនអ្នកប្រើប្រាស់ត្រឡប់ទៅទំព័រដែលតំណត្រូវបានចុច ចេញ.

កូដឯកសារ logout.php:

អស់ហើយ។ ឥឡូវនេះ អ្នកដឹងពីរបៀបអនុវត្ត និងដំណើរការទម្រង់ចុះឈ្មោះអ្នកប្រើប្រាស់ និងការអនុញ្ញាតនៅលើគេហទំព័ររបស់អ្នក។ ទម្រង់ទាំងនេះត្រូវបានរកឃើញស្ទើរតែគ្រប់គេហទំព័រ ដូច្នេះអ្នកសរសេរកម្មវិធីគ្រប់រូបគួរតែដឹងពីរបៀបបង្កើតពួកវា។

យើងក៏បានរៀនពីរបៀបធ្វើឱ្យទិន្នន័យបញ្ចូលមានសុពលភាពទាំងផ្នែកម៉ាស៊ីនភ្ញៀវ (នៅក្នុងកម្មវិធីរុករកដោយប្រើ JavaScript, jQuery) និងផ្នែកខាងម៉ាស៊ីនមេ (ដោយប្រើ PHP) ។ យើងក៏បានរៀនពីរបៀបអនុវត្តនីតិវិធីសម្រាប់ការចាកចេញពីគេហទំព័រផងដែរ។

ស្គ្រីបទាំងអស់ត្រូវបានសាកល្បង និងកំពុងដំណើរការ។ អ្នកអាចទាញយកប័ណ្ណសារជាមួយឯកសារនៃគេហទំព័រតូចមួយនេះពីតំណនេះ។

នៅពេលអនាគតខ្ញុំនឹងសរសេរអត្ថបទមួយដែលខ្ញុំនឹងពណ៌នា។ ហើយខ្ញុំក៏មានគម្រោងសរសេរអត្ថបទមួយដែលខ្ញុំនឹងពន្យល់ (ដោយមិនផ្ទុកទំព័រឡើងវិញ)។ ដូច្នេះ ដើម្បីទទួលបានព័ត៌មានអំពីការចេញផ្សាយអត្ថបទថ្មី អ្នកអាចជាវគេហទំព័ររបស់ខ្ញុំ។

ប្រសិនបើអ្នកមានចម្ងល់សូមទាក់ទងមកខ្ញុំ ហើយប្រសិនបើអ្នកសម្គាល់ឃើញមានកំហុសណាមួយនៅក្នុងអត្ថបទសូមប្រាប់ខ្ញុំ។

ផែនការមេរៀន (ភាគទី ៥)៖

ការបង្កើតរចនាសម្ព័ន្ធ HTML សម្រាប់ទម្រង់ការអនុញ្ញាត

យើងដំណើរការទិន្នន័យដែលទទួលបាន

យើងបង្ហាញការស្វាគមន៍របស់អ្នកប្រើប្រាស់នៅក្នុងបឋមកថាគេហទំព័រ

តើអ្នកចូលចិត្តអត្ថបទទេ?

WordPress មានទម្រង់ចុះឈ្មោះដែលអនុញ្ញាតឱ្យអ្នកប្រើប្រាស់ថ្មីចុះឈ្មោះនៅលើគេហទំព័រ។ ប៉ុន្តែចុះយ៉ាងណាបើអ្នកចង់បង្កើតទម្រង់ចុះឈ្មោះផ្ទាល់ខ្លួនដែលមិនបំពេញតាមជម្រើស WordPress Console ហើយបន្ថែមវាលថ្មីទៅវា?

| ទាញយកកម្មវិធីជំនួយទម្រង់ដែលត្រៀមរួចជាស្រេច |

នៅក្នុងមេរៀនថ្ងៃនេះ អ្នកនឹងរៀនពីរបៀបបង្កើតទម្រង់ចុះឈ្មោះក្នុង WordPress ដោយប្រើការរួមបញ្ចូលគ្នានៃស្លាកគំរូ និងកូដខ្លី។

ទម្រង់ចុះឈ្មោះស្ដង់ដារមានវាលតែពីរប៉ុណ្ណោះ - ឈ្មោះអ្នកប្រើប្រាស់ និងអ៊ីមែល។

ការមានវាលតែពីរប៉ុណ្ណោះដើម្បីបំពេញទម្រង់បែបបទចុះឈ្មោះធ្វើឱ្យដំណើរការចុះឈ្មោះសាមញ្ញណាស់។ ដំបូងអ្នកបញ្ចូលឈ្មោះអ្នកប្រើ និងអាសយដ្ឋានអ៊ីមែលរបស់អ្នក បន្ទាប់មកពាក្យសម្ងាត់ដើម្បីចូលគេហទំព័រត្រូវបានផ្ញើទៅអ្នកដោយស្វ័យប្រវត្តិតាមអ៊ីមែល។ បន្ទាប់មកអ្នកចូលទៅក្នុងគេហទំព័រដោយប្រើពាក្យសម្ងាត់ដែលបានផ្ញើទៅអ្នក បំពេញទម្រង់របស់អ្នក ហើយប្តូរពាក្យសម្ងាត់ទៅលេខសម្ងាត់ថ្មីដែលអ្នកមកជាមួយខ្លួនអ្នក ហើយអាចចងចាំបានយ៉ាងងាយស្រួល។

ឬអ្នកអាចផ្លាស់ប្តូរបន្តិចនូវដំណើរការចុះឈ្មោះដែលបានរៀបរាប់ខាងលើនៅលើគេហទំព័ររបស់អ្នក ហើយប្រើវាលបន្ថែមរួមជាមួយនឹងពីរដែលមានរួចហើយ។ នេះអាចជាវាលពាក្យសម្ងាត់ URL នៃគេហទំព័ររបស់អ្នកប្រើ ព័ត៌មានផ្ទាល់ខ្លួន សម្មតិនាម នាមត្រកូល និងនាមខ្លួន។

ហើយថ្ងៃនេះយើងនឹងបង្កើតកម្មវិធីជំនួយ WordPress សម្រាប់ទម្រង់ចុះឈ្មោះផ្ទាល់ខ្លួនដោយប្រើវាលខាងក្រោម៖

ឈ្មោះអ្នកប្រើប្រាស់
ពាក្យសម្ងាត់
អ៊ីមែល
URL គេហទំព័រ
នាមត្រកូល
ឈ្មោះហៅក្រៅ
ព័ត៌មានផ្ទាល់ខ្លួន

ទម្រង់ចុះឈ្មោះផ្ទាល់ខ្លួនអាចត្រូវបានបញ្ចូលទៅក្នុង WordPress ដោយប្រើ shortcode របស់កម្មវិធីជំនួយ និងស្លាកគំរូសមរម្យ។

កូដខ្លីអនុញ្ញាតឱ្យអ្នកបង្កើតទំព័រ និងធ្វើឱ្យវាក្លាយជាទំព័រចុះឈ្មោះសំខាន់នៃគេហទំព័ររបស់អ្នក។ អ្នកក៏អាចប្រើ shortcode នៅក្នុងការប្រកាសមួយ ដើម្បីឱ្យអ្នកប្រើប្រាស់អាចជាវព័ត៌មានថ្មីៗនៅលើគេហទំព័ររបស់អ្នក បន្ទាប់ពីអានអត្ថបទមួយដែលពួកគេចូលចិត្ត។

ប្រសិនបើអ្នកចង់បន្ថែមទម្រង់ចុះឈ្មោះទៅរបារចំហៀងរបស់អ្នក ឬទំព័រផ្សេងទៀតនៅលើគេហទំព័ររបស់អ្នក អ្នកនឹងត្រូវកែសម្រួលរូបរាងដែលអ្នកកំពុងប្រើ ហើយដាក់ស្លាកគំរូដែលអ្នកចង់ឱ្យទម្រង់ចុះឈ្មោះលេចឡើង។

មុនពេលយើងចាប់ផ្តើមបង្កើតកម្មវិធីជំនួយ វាគឺមានតំលៃកត់សម្គាល់ថាយើងត្រូវការវាលដែលមានឈ្មោះអ្នកប្រើ ពាក្យសម្ងាត់ និងអ៊ីមែល។

យើងនឹងអនុវត្តតាមច្បាប់នេះនៅពេលបង្កើតមុខងារផ្ទៀងផ្ទាត់។

ការបង្កើតកម្មវិធីជំនួយ

ជាមួយនឹងអ្វីដែលបាននិយាយនោះ ចូរចាប់ផ្តើមសរសេរកូដកម្មវិធីជំនួយ។ ដំបូង បញ្ចូលចំណងជើង និងបឋមកថានៃកម្មវិធីជំនួយ។

សេចក្តីសន្និដ្ឋាន

នៅក្នុងការប្រកាសថ្ងៃនេះ យើងបានពិនិត្យមើលដំណើរការនៃការបង្កើតកម្មវិធីជំនួយដែលបន្ថែមទម្រង់ចុះឈ្មោះផ្ទាល់ខ្លួនទៅកាន់គេហទំព័រ WordPress ។ ផ្អែកលើព័ត៌មានដែលបានផ្តល់ អ្នកអាចពង្រីកចំនួនវាលដែលត្រូវបំពេញ ប៉ុន្តែគ្រាន់តែធានាថា វាលទម្រង់គឺជាទិន្នន័យមេតាត្រឹមត្រូវសម្រាប់ wp_insert_user ។