KompoZer ഉപയോഗിച്ച് ഒരു ഫോം ചേർക്കുന്നത് എങ്ങനെ

06 ൽ 01

KompoZer ഉപയോഗിച്ച് ഒരു ഫോം ചേർക്കുക

നിങ്ങൾ ലോഗിൻ പേജോ പുതിയ അക്കൌണ്ട് സൃഷ്ടിക്കൽ അല്ലെങ്കിൽ ചോദ്യങ്ങളോ അഭിപ്രായങ്ങളോ സമർപ്പിക്കുന്ന ഇൻപുട്ട് പ്രോസസ്സ് ചെയ്യേണ്ട വെബ് പേജുകൾ സൃഷ്ടിക്കുമ്പോൾ നിരവധി തവണ ഉണ്ട്. ഉപയോക്തൃ ഇൻപുട്ട് ശേഖരിച്ച് ഒരു HTML ഫോം ഉപയോഗിച്ച് വെബ് സെർവറിലേക്ക് അയച്ചു. KompoZer- ന്റെ അന്തർനിർമ്മിത ഉപകരണങ്ങളോടൊപ്പം ചേർക്കുന്നതിന് ഫോമുകൾ വളരെ എളുപ്പമാണ്. HTML 4.0 പിന്തുണയ്ക്കുന്ന എല്ലാ ഫോം ഫീൽഡ് തരങ്ങളും KompoZer ഉപയോഗിച്ച് ചേർക്കുകയും എഡിറ്റുചെയ്യുകയും ചെയ്യാം, പക്ഷേ ഈ ട്യൂട്ടോറിയലിനായി ഞങ്ങൾ ടെക്സ്റ്റ്, ടെക്സ്റ്റ് ഏരിയ, ബട്ടൺ സമർപ്പിക്കുക, റീസെറ്റ് ചെയ്യുക.

06 of 02

KompoZer ഉപയോഗിച്ച് ഒരു പുതിയ ഫോം ഉണ്ടാക്കുക

നിങ്ങളുടെ വെബ് പേജുകളിൽ ഫോമുകൾ ചേർക്കുന്നതിന് നിങ്ങൾക്ക് ഉപയോഗിക്കാൻ കഴിയുന്ന മികച്ച ഫോം ടൂളുകൾ KompoZer ഉണ്ട്. ഫോം ബട്ടണിൽ ക്ലിക്ക് ചെയ്ത് ടൂൾബാറിലെ പിന്തുടർച്ചയുള്ള ഡ്രോപ്പ് ഡൗൺ മെനു മുഖേന നിങ്ങൾക്ക് ഫോം ടൂളുകൾ ആക്സസ് ചെയ്യാം. നിങ്ങളുടെ സ്വന്തം ഫോം കൈകാര്യം ചെയ്യാനുള്ള സ്ക്രിപ്റ്റുകൾ നിങ്ങൾ എഴുതിയില്ലെങ്കിൽ, ഡോക്യുമെന്റിൽ നിന്നോ സ്ക്രിപ്റ്റിനെഴുതിയ പ്രോഗ്രാമർവറിൽ നിന്നോ ഈ വിവരങ്ങൾക്ക് ചില വിവരങ്ങൾ ആവശ്യമായി വരും. നിങ്ങൾക്ക് mailto ഫോമുകൾ ഉപയോഗിക്കാൻ കഴിയും, എന്നാൽ അവ എല്ലായ്പ്പോഴും പ്രവർത്തിക്കുന്നില്ല .

1. നിങ്ങളുടെ ഫോം പേജിൽ ദൃശ്യമാകണമെന്ന് ആഗ്രഹിക്കുന്ന ലൊക്കേഷനിൽ നിങ്ങളുടെ കഴ്സർ സ്ഥാപിക്കുക.
2. ടൂൾബാറിലെ ഫോം ബട്ടൺ ക്ലിക്കുചെയ്യുക. ഫങ്ഷൻ പ്രോപർട്ടീസ് ഡയലോഗ് ബോക്സ് തുറക്കുന്നു.
3. ഫോമിനായി ഒരു പേര് ചേർക്കുക. ഫോം തിരിച്ചറിയുന്നതിന് അത് സ്വപ്രേരിതമായി ജനറേറ്റുചെയ്ത HTML കോഡായി ഉപയോഗിക്കുന്നു, അത് ആവശ്യമാണ്. ഒരു ഫോം ചേർക്കുന്നതിന് മുമ്പ് നിങ്ങളുടെ പേജ് സംരക്ഷിക്കേണ്ടതുണ്ട്. നിങ്ങൾ ഒരു പുതിയ, സംരക്ഷിക്കാത്ത പേജിൽ പ്രവർത്തിച്ചുകൊണ്ടിരിക്കുകയാണെങ്കിൽ, സംരക്ഷിക്കാനായി KompoZer നിങ്ങളോട് ആവശ്യപ്പെടും.
4. ആക്ഷൻ URL ഫീൽഡിൽ ഫോം ഡാറ്റ പ്രോസസ്സ് ചെയ്യുന്ന സ്ക്രിപ്റ്റുകളിലേക്ക് URL ചേർക്കുക. ഫോം ഹാൻഡ്ലറുകൾ സാധാരണയായി PHP- ൽ അല്ലെങ്കിൽ സമാന സെർവർ-സൈഡ് ഭാഷയിലാണ് എഴുതപ്പെടുന്നത്. ഈ വിവരങ്ങൾ ഇല്ലാതെ, നിങ്ങളുടെ വെബ് പേജിന് നൽകിയ ഡാറ്റയിൽ ഒന്നും ചെയ്യാൻ കഴിയില്ല. ഫോം ഹാൻഡലറിനായുള്ള യുആർഎൽ നൽകാത്ത പക്ഷം, കോം പോജർ നിങ്ങളോട് ആവശ്യപ്പെടും.
5. സെർവറിലേക്ക് ഫോം ഡാറ്റ സമർപ്പിക്കാൻ ഉപയോഗിച്ച രീതി തിരഞ്ഞെടുക്കുക. രണ്ട് ചോയ്സുകൾ GET, POST എന്നിവയാണ്. ഏത് രീതിയിലാണ് സ്ക്രിപ്റ്റ് ആവശ്യമായതെന്ന് നിങ്ങൾ അറിയേണ്ടതുണ്ട്.
6. OK ക്ലിക്ക് ചെയ്ത് ഫോം നിങ്ങളുടെ പേജിലേക്ക് ചേർത്തു.

06-ൽ 03

KompoZer ഉപയോഗിച്ച് ഒരു ടെക്സ്റ്റ് ഫീൽഡ് ചേർക്കുക

നിങ്ങൾ KompoZer ഉള്ള ഒരു പേജിൽ ഒരു ഫോം ചേർത്തുകഴിഞ്ഞാൽ, ഒരു ഇളം നീല വരച്ച വരിയിൽ പേജ് ഫോം ഔട്ട്ലൈൻ ചെയ്യപ്പെടും. ഈ മേഖലയ്ക്കുള്ള നിങ്ങളുടെ ഫോം ഫീൽഡുകൾ ചേർക്കുന്നു. പേജിലെ മറ്റേതെങ്കിലും ഭാഗത്തെ പോലെ തന്നെ വാചകത്തിൽ ടൈപ്പുചെയ്യാനോ ഇമേജുകൾ ചേർക്കാനോ നിങ്ങൾക്ക് കഴിയും. ഉപയോക്താവിനെ നയിക്കുന്നതിന് ഫീൽഡുകൾ രൂപീകരിക്കുന്നതിന് ആവശ്യപ്പെടൽ അല്ലെങ്കിൽ ലേബലുകൾ ചേർക്കാൻ ടെക്സ്റ്റ് ഉപയോഗപ്രദമാണ്.

1. ഔട്ട്ലൈൻ ചെയ്ത ഫോം ഏരിയയിൽ ടെക്സ്റ്റ് ഫീൽഡ് എവിടെയാണ് പോകേണ്ടത് എന്ന് തിരഞ്ഞെടുക്കുക. നിങ്ങൾക്ക് ഒരു ലേബൽ ചേർക്കണമെങ്കിൽ, ആദ്യം ടെക്സ്റ്റ് ടൈപ്പുചെയ്യാൻ നിങ്ങൾ ആഗ്രഹിച്ചേക്കാം.
2. ടൂൾബാറിലെ ഫോം ബട്ടണിന് അടുത്തുള്ള താഴേക്കുള്ള അമ്പടയാളം ക്ലിക്കുചെയ്ത് ഡ്രോപ്പ് ഡൗൺ മെനുവിൽ നിന്നും ഫോം ഫീൽഡ് തിരഞ്ഞെടുക്കുക.
3. ഫീൽഡ് ഫീൽഡ് പ്രോപ്പർട്ടീസ് വിൻഡോ തുറക്കും. ഒരു ടെക്സ്റ്റ് ഫീൽഡ് ചേർക്കാൻ, ഫീൽഡ് തരം എന്ന് ലേബൽ ചെയ്തിരിക്കുന്ന ഡ്രോപ്പ് ഡൗൺ മെനുവിൽ നിന്നും ടെക്സ്റ്റ് തിരഞ്ഞെടുക്കുക.
4. ടെക്സ്റ്റ് ഫീൽഡിൽ ഒരു പേര് നൽകുക. HTML കോഡ് ലെ ഫീൽഡ് തിരിച്ചറിയാൻ പേര് ഉപയോഗിച്ചു, ഫോം കൈകാര്യം ചെയ്യാനുള്ള സ്ക്രിപ്റ്റ് ഡാറ്റ പ്രോസസ്സ് ചെയ്യുന്നതിന് പേര് ആവശ്യമാണ്. കൂടുതൽ വിശേഷതകൾ / കുറച്ച് വിശേഷതകൾ ബട്ടൺ അല്ലെങ്കിൽ വിപുലമായ എഡിറ്റ് ബട്ടൺ അമർത്തുന്നതിലൂടെ ഈ ഡയലോഗിൽ നിരവധി ഓപ്ഷണൽ ആട്രിബ്യൂട്ടുകൾ പരിഷ്കരിക്കാവുന്നതാണ്, എന്നാൽ ഇപ്പോൾ നമ്മൾ ഫീൽഡ് നെയിം നൽകും.
5. ശരി ക്ലിക്കുചെയ്യുക, പേജിൽ ടെക്സ്റ്റ് ഫീൽഡ് ദൃശ്യമാകുന്നു.

06 in 06

KompoZer ഉപയോഗിച്ച് ഒരു ടെക്സ്റ്റ് ഏരിയ ചേർക്കുക

ചിലപ്പോൾ, ഒരു സന്ദേശം അല്ലെങ്കിൽ ഒരു ചോദ്യങ്ങൾ / അഭിപ്രായങ്ങൾ ഫീൽഡ് പോലുള്ള ഒരുപാട് ടെക്സ്റ്റുകൾ ഒരു ഫോമിൽ നൽകേണ്ടതുണ്ട്. ഈ സന്ദർഭത്തിൽ, ഒരു വാചക ഫീൽഡ് ഉചിതമല്ല. ഫോം ഉപകരണങ്ങൾ ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഒരു വാചക ഏരിയ ഫോം ഫീൽഡ് ചേർക്കാൻ കഴിയും.

1. നിങ്ങളുടെ ടെക്സ്റ്റ് ഏരിയായിൽ നിങ്ങൾ ആഗ്രഹിക്കുന്ന രൂപരേഖയുടെ രൂപരേഖയിൽ നിങ്ങളുടെ കർസർ സ്ഥാപിക്കുക. നിങ്ങൾ ഒരു ലേബലിൽ ടൈപ്പുചെയ്യാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, ലേബൽ ടെക്സ്റ്റ് ടൈപ്പുചെയ്യുന്നതിനുള്ള ഒരു നല്ല ആശയമാണ്, പുതിയ വരിയിലേക്ക് നീക്കുന്നതിന് എന്റർ അമർത്തുക, തുടർന്ന് ഫോം ഫീൽഡ് ചേർക്കുക, കാരണം പേജിലെ ടെക്സ്റ്റ് ഏരിയയുടെ വലുപ്പം ഇത് ബുദ്ധിമുട്ടാക്കും ലേബൽ ഇടത്തേക്കോ വലത്തേക്കോ ആയിരിക്കും.
2. ടൂൾബാറിലെ ഫോം ബട്ടണിന് അടുത്തുള്ള താഴേക്കുള്ള അമ്പടയാളം ക്ലിക്കുചെയ്ത് ഡ്രോപ്പ് ഡൗൺ മെനുവിൽ നിന്ന് ടെക്സ്റ്റ് ഏരിയ തിരഞ്ഞെടുക്കുക. ടെക്സ്റ്റ് ഏരിയാ പ്രോപ്പർട്ടീസ് വിൻഡോ തുറക്കും.
3. വാചക ഏരിയ ഫീൽഡിനായി ഒരു പേര് നൽകുക. HTML കോഡിലെ പേര് ഫീൽഡ് തിരിച്ചറിയുകയും ഉപയോക്താവ് സമർപ്പിച്ച വിവരങ്ങൾ പ്രോസസ്സുചെയ്യുന്നതിന് ഫോം ഹാൻഡിലിംഗ് സ്ക്രിപ്റ്റ് ഉപയോഗിക്കുകയും ചെയ്യുന്നു.
4. നിങ്ങൾക്ക് ടെക്സ്റ്റ് ഏരിയാ പ്രദർശനമുള്ള വരികളുടെയും നിരകളുടെയും എണ്ണം നൽകുക. ഈ അളവുകൾ പേജിലെ ഫീൽഡിന്റെ വലുപ്പത്തെ നിർണ്ണയിക്കുന്നു, സ്ക്രോളിംഗ് നടക്കുന്നതിനു മുമ്പ് എത്ര ടെക്സ്റ്റ് ഫീൽഡിൽ പ്രവേശിക്കാനാകും എന്ന് നിർണ്ണയിക്കുക.
5. ഈ വിൻഡോയിലെ മറ്റ് നിയന്ത്രണങ്ങൾ ഉപയോഗിച്ച് കൂടുതൽ വിപുലമായ ഓപ്ഷനുകൾ വ്യക്തമാക്കാവുന്നതാണ്, എന്നാൽ ഇപ്പോൾ ഫീൽഡ് പേരും അളവുകളും മതിയാകും.
6. OK ൽ ക്ലിക്ക് ചെയ്ത് ടെക്സ്റ്റ് ഏരിയ ദൃശ്യമാകും.

06 of 05

KompoZer ഉപയോഗിച്ച് ഒരു ഫോമിലേക്ക് സമർപ്പിക്കുക ബട്ടൺ പുനഃസജ്ജമാക്കുക

ഉപയോക്താവ് നിങ്ങളുടെ പേജിൽ ഫോം പൂരിപ്പിച്ച് കഴിഞ്ഞാൽ, സെർവറിലേക്ക് സമർപ്പിക്കേണ്ട വിവരങ്ങൾക്ക് ചില മാർഗ്ഗങ്ങളുണ്ട്. കൂടാതെ, ഉപയോക്താവ് ആരംഭിക്കുകയോ അല്ലെങ്കിൽ ഒരു തെറ്റ് നടത്തുകയോ ചെയ്താൽ, ഫോം മൂല്യങ്ങളെല്ലാം സ്ഥിരസ്ഥിതിയിലേക്ക് പുനഃസജ്ജമാക്കുന്ന ഒരു നിയന്ത്രണം ഉൾപ്പെടുത്തുന്നത് സഹായകരമാണ്. പ്രത്യേകം ഫോം നിയന്ത്രണങ്ങൾ ഈ പ്രവർത്തനങ്ങളെ കൈകാര്യം ചെയ്യുക, സമർപ്പിക്കുക, പുനഃസജ്ജമാക്കുക ബട്ടണുകൾ യഥാക്രമം ചെയ്യുക.

1. നിങ്ങൾ സമർപ്പിക്കണമോ പുനഃസജ്ജമാക്കൽ ബട്ടണോ ആഗ്രഹിക്കുന്നയിടത്തെ ഔട്ട്ലൈൻ ചെയ്ത ഫോം പ്രദേശത്തെ നിങ്ങളുടെ കഴ്സർ വയ്ക്കുക. മിക്കപ്പോഴും, അവ ഫോമിലെ അവശേഷിക്കുന്ന ഭാഗങ്ങളിൽ താഴെ സ്ഥിതിചെയ്യുന്നു.
2. ടൂൾബാറിലെ ഫോം ബട്ടണിന് അടുത്തുള്ള താഴേക്കുള്ള അമ്പടയാളം ക്ലിക്കുചെയ്ത് ഡ്രോപ്പ് ഡൗൺ മെനുവിൽ നിന്നും Define Button തിരഞ്ഞെടുക്കുക. ബട്ടൺ പ്രോപ്പർട്ടികൾ ജാലകം ദൃശ്യമാകും.
3. ഡ്രോപ്പ് ഡൗൺ മെനു ലേബൽ ടൈപ്പിൽ നിന്നുള്ള ബട്ടണിന്റെ തരം തിരഞ്ഞെടുക്കുക. നിങ്ങളുടെ ചോയ്സുകൾ സമർപ്പിക്കുക, റീസെറ്റ് ചെയ്യുക, ബട്ടൺ ചെയ്യുക. ഈ സാഹചര്യത്തിൽ സമർപ്പിക്കേണ്ട തരം ഞങ്ങൾ തെരഞ്ഞെടുക്കും.
4. ഫോം അഭ്യർത്ഥന പ്രക്രിയപ്പെടുത്താൻ HTML, ഫോം കൈകാര്യം ചെയ്യൽ കോഡ് എന്നിവയിൽ ഉപയോഗിക്കുന്ന ബട്ടണിലേക്ക് ഒരു പേര് നൽകുക. വെബ് ഡവലപ്പർമാർ സാധാരണയായി ഈ ഫീൽഡ് "സമർപ്പിക്കുക" എന്ന് വിളിക്കുന്നു.
5. ബോക്സ് ലേബൽ ചെയ്ത ലേബലിൽ, ബട്ടണിൽ ദൃശ്യമാകുന്ന വാചകം നൽകുക. വാചകം ചെറുതാണെങ്കിലും ബട്ടൺ അമർത്തുമ്പോൾ എന്ത് സംഭവിക്കുമെന്നതിനെ വിശദമായിരിക്കണം. "സമർപ്പിക്കുക", "ഫോം സമർപ്പിക്കുക", അല്ലെങ്കിൽ "അയയ്ക്കുക" തുടങ്ങിയവ ഉദാഹരണങ്ങളാണ്.
6. ശരി ക്ലിക്ക് ചെയ്ത് ഫോമിൽ ബട്ടൺ പ്രത്യക്ഷപ്പെടുന്നു.

അതേ പ്രക്രിയ ഉപയോഗിച്ച് ഫോമിൽ റീസെറ്റ് ബട്ടൺ ചേർക്കാൻ കഴിയും, എന്നാൽ സമർപ്പിക്കുക എന്നതിന് പകരം ടൈപ്പ് ഫീൽഡിൽ നിന്ന് റീസെറ്റ് തിരഞ്ഞെടുക്കുക.

06 06

KompoZer ഉപയോഗിച്ച് ഒരു ഫോം എഡിറ്റുചെയ്യുന്നു

KompoZer ൽ ഒരു ഫോം അല്ലെങ്കിൽ ഫോം ഫീൽഡ് എഡിറ്റുചെയ്യുന്നത് വളരെ എളുപ്പമാണ്. നിങ്ങൾ എഡിറ്റുചെയ്യാൻ ആഗ്രഹിക്കുന്ന ഫീല്ഡിൽ ഇരട്ട ക്ലിക്കുചെയ്യുക, നിങ്ങളുടെ ആവശ്യങ്ങൾക്ക് അനുയോജ്യമായ ഫീൽഡ് പ്രോപ്പർട്ടികൾ മാറ്റാൻ ഉചിതമായ ഡയലോഗ് ബോക്സ് ദൃശ്യമാകുന്നു. മുകളിലുള്ള ഡയഗ്രം ഈ ട്യൂട്ടോറിയലിൽ ഉൾപ്പെടുത്തിയ ഘടകങ്ങൾ ഉപയോഗിച്ച് ഒരു ലളിതമായ ഫോം കാണിക്കുന്നു.