HTML ഫോമുകൾ ട്യൂട്ടോറിയൽ
പുതിയ വെബ് ഡിസൈനർ സമരങ്ങളുള്ള നിരവധി വെബ് സൈറ്റുകളുടെ രൂപമാണ് ഫോമുകൾ. ചോദ്യങ്ങൾ ചോദിക്കുന്നതിനോ നിങ്ങൾ ഉൽപന്ന ഉൽപന്നങ്ങളിൽ നിന്നോ സേവനങ്ങളിലോ താൽപ്പര്യം പ്രകടിപ്പിക്കാൻ ആളുകൾക്ക് നിങ്ങളുമായി സമ്പർക്കം പുലർത്തുന്നതിന് ഒരു ലളിതമായ മാർഗമായി നിങ്ങളുടെ വെബ്സൈറ്റിലേക്ക് ഒരു ഫോം ചേർക്കണം. നിർഭാഗ്യവശാൽ, സങ്കീർണമായ സൈറ്റ് ഫോമുകൾ ചേർക്കുന്നതിനെക്കുറിച്ചുള്ള ഓൺലൈൻ ട്യൂട്ടോറിയലുകൾ ആശയക്കുഴപ്പത്തിലാക്കാം, കൂടാതെ പുതിയ വെബ് വിദഗ്ധരെ അകറ്റാനും കഴിയും.
വെബ് ഫോമുകൾ പുതിയ വെബ്ബികൾക്ക് വേണ്ടി പ്രവർത്തിക്കാൻ പ്രയാസമില്ല.
മെയിൽ തരങ്ങൾ ഫോമുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള ഒരു എളുപ്പമാർഗമാണ്. ഉപഭോക്താവിന്റെ കംപ്യൂട്ടറിൽ നിന്നും ഫോം ഡാറ്റ ഫോം ഉടമയ്ക്ക് അയയ്ക്കുന്നതിന് ഇമെയിൽ ക്ലയന്റുകളിൽ ആശ്രയിക്കുന്നു. വെബ്സൈറ്റ് ഉപയോക്താവിന് പൂർത്തിയാക്കിയ ഫോം ഡാറ്റ ഫോമിനായി കോഡിംഗിൽ നിർദ്ദിഷ്ടമാക്കിയുള്ള ഒരു നിർദ്ദിഷ്ട വിലാസത്തിലേക്ക് അയക്കുന്നതാണ്.
നിങ്ങൾ വെബ് രൂപകൽപ്പനയ്ക്ക് പുതിയയാളാണെങ്കിൽ നിങ്ങൾക്ക് കൂടുതൽ സങ്കീർണമായ ആശയവിനിമയങ്ങൾ എങ്ങനെ നടപ്പിലാക്കാമെന്ന് അറിയില്ല, അല്ലെങ്കിൽ നിങ്ങൾ ഒരു ചെറിയ വെബ്സൈറ്റ് പ്രവർത്തിപ്പിക്കുന്നു, ഒരു ഫോം ചേർക്കുന്നതിന് ഒരു ലളിതമായ മാർഗ്ഗം ആവശ്യമെങ്കിൽ ഒരു മെയിൽഫോം ഫോം ഒരു കോൺടാക്റ്റ് ഫോമിനുണ്ട്. PHP എഴുതാൻ പഠിക്കുന്നതിലും എളുപ്പം. നിങ്ങൾക്കായി പ്രീ എഴുതിവെച്ച സ്ക്രിപ് വാങ്ങുന്നതിനേക്കാളും വില കുറവാണ്.
ഈ പെട്ടെന്നുള്ള ട്യൂട്ടോറിയലില് mailto ഫോമുകള് ഉപയോഗിക്കാന് പഠിക്കൂ. നിങ്ങൾ മുമ്പ് ഒരിക്കലും ഒരിക്കൽ പോലും ചെയ്തിട്ടില്ലെങ്കിൽ, സാങ്കേതികവിദ്യ വൈദഗ്ദ്ധ്യം ചെയ്യുന്നത് എളുപ്പമാണ്, തീർച്ചയായും "തുടക്കത്തിൽ വെബ് ഡിസൈൻ" സാമ്രാജ്യത്തിൽ.
ആമുഖം
HTML ഫോമുകൾ പുതിയ വെബ് ഡവലപ്പർമാർക്ക് വെല്ലുവിളി സൃഷ്ടിക്കാൻ കഴിയും, കാരണം അവർക്ക് HTML മാർക്ക്അപ്പ് പഠിക്കുന്നതിനേക്കാൾ കൂടുതൽ ആവശ്യമാണ്. ഫോമുകളും ഫീൽഡുകളും സൃഷ്ടിക്കുന്നതിന് ആവശ്യമായ HTML ഘടകങ്ങൾക്ക് പുറമേ, നിങ്ങൾക്ക് "ജോലി" എന്ന ഫോം ലഭിക്കുന്നതിന് നിങ്ങൾക്ക് ചില വഴി ഉണ്ടായിരിക്കണം. ഇത് സാധാരണയായി CGI സ്ക്രിപ്റ്റ് അല്ലെങ്കിൽ ഫോം "ആക്ഷൻ" ആട്രിബ്യൂട്ടിൽ സൃഷ്ടിക്കുന്നതിനുള്ള മറ്റ് പ്രോഗ്രാമിലേക്കുള്ള ആക്സസ് ആവശ്യമാണ്.
ആ പ്രവൃത്തി ഫോം പ്രോസസ് ചെയ്യുന്നതെങ്ങനെ, അതിനു ശേഷം എന്തുചെയ്യുന്നു (ഒരു ഡാറ്റാബേസ് എഴുതുക, ഒരു ഇമെയിൽ അയയ്ക്കുക, മുതലായവ)
നിങ്ങളുടെ ഫോം പ്രവർത്തിപ്പിക്കുന്ന ഒരു സ്ക്രിപ്റ്റിലേക്ക് ആക്സസ്സില്ലെങ്കിൽ, ഏറ്റവും പുതിയ ബ്രൗസറുകളെ പിന്തുണയ്ക്കുന്ന ഒരു ഫോം ക്രിയയുണ്ട്.
action = " mailto: youremailaddress "
നിങ്ങളുടെ വെബ്സൈറ്റിൽ നിന്നും ഫോം ഡാറ്റ നിങ്ങളുടെ ഇമെയിലിലേക്ക് സ്വീകരിക്കുന്നതിനുള്ള ലളിതമായ മാർഗമാണിത്.
ഇത് ചെയ്യാനാകുന്നതിൽ ഈ പരിഹാരം വളരെ പരിമിതമാണ്, എന്നാൽ വളരെ ചെറിയ വെബ്സൈറ്റുകൾക്ക്, അത് ആരംഭിക്കുന്നതിന് ഒരു നല്ല ഇടമാണ്.
Mailto ഫോമുകൾ ഉപയോഗിക്കുന്നതിനുള്ള തന്ത്രങ്ങൾ
Enctype = "ടെക്സ്റ്റ് / പ്ലെയിൻ" ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുക
ഇത് ബ്രൌസറിനേയും ഇ-മെയിൽ ക്ലയന്റിനേയും സൂചിപ്പിക്കുന്നു, ഇത് കൂടുതൽ സങ്കീർണമായ ഒന്നാക്കി മാറ്റുന്നതിന് പകരം പ്ലെയിൻ ടെക്സ്റ്റ് അയയ്ക്കുന്നു. ചില ബ്രൗസറുകളും ഇമെയിൽ ക്ലയന്റുകളും വെബ് പേജുകൾക്കായി എൻകോഡ് ചെയ്ത ഫോം ഡാറ്റ അയയ്ക്കുന്നു. ഇതിനർത്ഥം ഒരു നീണ്ട വരി പോലെ ഡാറ്റ അയയ്ക്കപ്പെടുന്നു, സ്പെയ്സുകൾ പകരം (+) ഉപയോഗിച്ച് മറ്റ് പ്രതീകങ്ങൾ എൻകോഡ് ചെയ്യപ്പെടും. Enctype = "text / plain" ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുന്നത് ഡാറ്റ എളുപ്പം വായിക്കാൻ സഹായിക്കുന്നു.
GET അല്ലെങ്കിൽ POST രീതി ഉപയോഗിക്കുക
POST രീതി ചിലപ്പോൾ പ്രവർത്തിക്കുമ്പോൾ, ഇത് പലപ്പോഴും ബ്രൌസർ ഒരു ശൂന്യ വിൻഡോ തുറക്കാൻ കാരണമാകുന്നു. GET രീതി ഉപയോഗിച്ച് ഇത് നിങ്ങൾക്ക് സംഭവിച്ചാൽ, തുടർന്ന് POST ലേക്ക് സ്വിച്ചുചെയ്യുന്നത് പരീക്ഷിക്കുക.
മാതൃക Mailto ഫോം
Mailto action ഉപയോഗിച്ച് ഒരു sample ഫോം ഇവിടെയുണ്ട് (ശ്രദ്ധിക്കുക - ഇത് വളരെ ലളിതമായ മാർക്കപ്പാണ്, ഈ ഫോമസ് ഫീൾഡുകളെ കൂടുതൽ സെമാന്റിക് മാർക്കപ്പുകളും ഘടകങ്ങളും ഉപയോഗിച്ച് നിങ്ങൾ ക്രമീകരിക്കും, എന്നാൽ ഈ ട്യൂട്ടോറിയലിന്റെ സാദ്ധ്യതയ്ക്ക് ഈ ഉദാഹരണം മതിയാകും):
നിങ്ങളുടെ ആദ്യ പേര്:
നിങ്ങളുടെ അവസാന നാമം: <ഇൻപുട്ട് തരം = "ടെക്സ്റ്റ്" പേര് = "last_name">
അഭിപ്രായങ്ങൾ: <ടെക്സ്റ്റ് വരികൾ = "5" cols = "30" name = "comments">
ഇമെയിൽ വഴി ഫോം സമർപ്പിക്കുന്നതായി നിങ്ങളുടെ ഉപയോക്താക്കൾ ഒരു സന്ദേശം കാണും. ഫലങ്ങൾ ഇങ്ങനെയായിരുന്നു:
first_name = ജെന്നിഫർ
last_name = കുർമിൻ
അഭിപ്രായങ്ങൾ = ഹായ് അവിടെ
Mailto ഫോമുകൾ പ്രത്യേക അടയാളങ്ങൾ
ഒരിക്കൽ കൂടി, ഈ രീതി, എളുപ്പത്തിൽ, അത് വളരെ പരിമിതമാണ്. മെറ്റോള ഫോമുകൾ എല്ലായ്പ്പോഴും ബ്രൗസറുകളുടെയും ഇമെയിൽ ക്ലയന്റുകളുടെയും എല്ലാ കോമ്പിനേഷനുകളിലും പ്രവർത്തിക്കില്ലെന്നത് ശ്രദ്ധേയമാണ് . നിങ്ങളൊരു മെയില്ടോ ഫോം ഉപയോഗിക്കാൻ ശ്രമിച്ചെങ്കിലും വിജയിച്ചില്ലെങ്കിൽ, ഇത് എന്തുകൊണ്ടായിരിക്കാം - ഫംഗ്ഷൻ പരാജയപ്പെടാൻ ഇടയുള്ള ചില സാങ്കേതിക വിദ്യകൾ ഉണ്ടായിരിക്കാം. അത്തരം ഒരു ഫോം ഉപയോഗിക്കുന്നതിനുള്ള നിങ്ങളുടെ ശ്രമത്തിൽ ഇടപെടുന്നതിനെക്കുറിച്ച് കൂടുതൽ വിശദമായ വിവരങ്ങൾക്കായി, " മെയിലി ഫോമുകൾ പ്രവർത്തിക്കാതിരിക്കുമ്പോൾ ."
ഈ രീതി ഒരു ഇമെയിൽ സൃഷ്ടിക്കുകയും ഫോം ഡാറ്റ അയയ്ക്കുകയും ചെയ്യുന്ന വെബ് ഫോമുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള ഏറ്റവും മികച്ച ആദ്യ ശ്രമം തന്നെ, നിങ്ങളുടെ വെബ് വൈദഗ്ധ്യത്തിൽ കൂടുതൽ പുരോഗമിക്കുമ്പോൾ, നിങ്ങൾ കൂടുതൽ കരുത്തുറ്റ ഓപ്ഷനുകൾ പര്യവേക്ഷണം ചെയ്യാൻ ആഗ്രഹിക്കുന്നു. സിജിഐ സ്ക്രിപ്റ്റുകൾ മുതൽ സിഎഎംഎസ് പ്ലാറ്റ്ഫോമുകളിലേക്കുള്ള സിഎംസ്ട് പ്ലാറ്റ്ഫോമുകളിൽ, വിഡ്ജറ്റുകൾ രൂപകൽപന ചെയ്തിട്ടുള്ള, നിങ്ങളുടെ ഭാവിയിലുള്ള വെബ്സൈറ്റ് ഫോം ആവശ്യങ്ങൾക്കായി വിപുലമായ നിരവധി ഓപ്ഷനുകളുണ്ട്!
ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം എഡിറ്റു ചെയ്തത് ജെറമി ഗിർാർഡ് 9/12/17 ന്