HTML, PHP എന്നിവ ഉപയോഗിച്ച് ഇമെയിൽ വഴി ഡാറ്റ അയയ്ക്കുന്നതിനുള്ള ഏറ്റവും ലളിതമായ രൂപം. HTML ഫോമുകൾ. ഒരു ഫോം ഉപയോഗിച്ച് സെർവറിലേക്ക് ഡാറ്റ അയയ്ക്കുന്നതിനുള്ള രീതികൾ

/php/php5ru.png HTTP/1.0

: www.php5.ru

നിങ്ങൾ ഇത് കാണുകയാണെങ്കിൽ നിങ്ങൾ കാണുന്നത് സ്ക്രീനിൽ ഉടനീളം ഫ്ലാഷ് ചെയ്യും png-ഒരു ടെക്സ്റ്റ് എഡിറ്ററിൽ ഫയൽ ചെയ്യുക.

HTML ഫോമുകൾ. ഒരു ഫോം ഉപയോഗിച്ച് സെർവറിലേക്ക് ഡാറ്റ അയയ്ക്കുന്നതിനുള്ള രീതികൾ

ഏതൊരു സെർവർ സ്ക്രിപ്റ്റിംഗ് ഭാഷയുടെയും ഏറ്റവും സാധാരണമായ ആപ്ലിക്കേഷനുകളിൽ ഒന്ന് പ്രോസസ്സിംഗ് ആണ് HTML- ഫോമുകൾ. വിവിധ ഉപയോക്തൃ ഇൻപുട്ടുകൾ പ്രോസസ്സ് ചെയ്യുന്നത് വെബ് പ്രോഗ്രാമിംഗിൽ കൂടുതലും ഉൾപ്പെടുന്നു.

RNRബ്രൗസറിൽ നിന്ന് ലഭിച്ച ഫോമുകൾ പ്രോസസ്സ് ചെയ്യുന്നതിനും പാഴ്‌സിംഗ് ചെയ്യുന്നതിനുമുള്ള ചുമതല സുഗമമാക്കുന്നു, കാരണം ആവശ്യമായ എല്ലാ കഴിവുകളും ഏറ്റവും താഴ്ന്ന തലത്തിൽ ഭാഷയിൽ നിർമ്മിച്ചിരിക്കുന്നു. അതിനാൽ, പ്രോട്ടോക്കോൾ സവിശേഷതകളെക്കുറിച്ച് പ്രോഗ്രാമർ ചിന്തിക്കേണ്ടതില്ല HTTPഅയയ്‌ക്കലും സ്വീകരിക്കലും എങ്ങനെയാണ് സംഭവിക്കുന്നതെന്ന് ആശ്ചര്യപ്പെടുന്നു

കൂടെ HTML- മാർക്ക്അപ്പ് ഭാഷ പഠിക്കുമ്പോൾ നിങ്ങൾ ഇതിനകം നേരിട്ട ഫോമുകൾ HTML.

ഒരു ഫോമിൽ നിന്ന് ഇമെയിൽ വഴി ഒരു സന്ദേശം അയയ്ക്കുന്നതിനുള്ള ഒരു ഉദാഹരണം നോക്കാം.

ലിസ്റ്റിംഗ് e_mail.html.ഒരു ഫോമിൽ നിന്ന് ഇമെയിൽ വഴി ഒരു സന്ദേശം അയയ്ക്കുന്നു

ഇ-മെയിൽ വഴി ഫോം അയയ്ക്കുന്നു

റീസെറ്റ് ക്ലിക്ക് ചെയ്ത് ഓർഡർ പൂരിപ്പിക്കുക.


നിങ്ങൾ ഒരു ബ്രൗസർ ഉപയോഗിച്ച് ഈ HTML കോഡ് പ്രോസസ്സ് ചെയ്യുകയാണെങ്കിൽ, ഒരു വെബ് പേജ് പ്രദർശിപ്പിക്കും, അത് മോണിറ്റർ സ്ക്രീനിൽ കാണാൻ കഴിയും:

ഉപയോക്താവ് ഒരു ബട്ടൺ ക്ലിക്ക് ചെയ്യുന്നു "പുനഃസജ്ജമാക്കുക", കൂടാതെ ഫീൽഡുകൾ അവയുടെ ഡിഫോൾട്ട് മൂല്യങ്ങൾ സ്വീകരിക്കുന്നു. ഫോം ഉപയോക്താവ് പൂരിപ്പിച്ചതാണ്, ഒരു ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക "ഓർഡർ അയയ്ക്കുക"ഈ ഇമെയിൽ വിലാസത്തിലേക്ക് അയച്ചത് സ്പാംബോട്ടുകളിൽ നിന്ന് സംരക്ഷിക്കപ്പെട്ടിരിക്കുന്നു. ഇത് കാണുന്നതിന്, നിങ്ങൾ JavaScript പ്രവർത്തനക്ഷമമാക്കിയിരിക്കണം. സാധാരണഗതിയിൽ, ബ്രൗസർ ഫോം തന്നെ അയയ്‌ക്കുന്നില്ല, എന്നാൽ കമ്പ്യൂട്ടറിൻ്റെ ഓപ്പറേറ്റിംഗ് സിസ്റ്റത്തിൽ (ഉദാഹരണത്തിന്, ഔട്ട്‌ലുക്ക്) സ്ഥിരസ്ഥിതിയായി ഇൻസ്റ്റാൾ ചെയ്ത ഇമെയിൽ പ്രോഗ്രാമിലേക്ക് ഈ ജോലിയെ ചുമതലപ്പെടുത്തുന്നു. കത്ത് ഫോമിൽ അയച്ചിരിക്കുന്നു:

വിഷയം: Microsoft Internet Explorer-ൽ നിന്ന് സമർപ്പിച്ച ഫോം

പേര് = പ്രോഖോറോവ് വിക്ടർ സെർജിവിച്ച്

മൂല്യം= ഈ ഇമെയിൽ വിലാസം സ്പാംബോട്ടുകളിൽ നിന്ന് സംരക്ഷിക്കപ്പെട്ടിരിക്കുന്നു. ഇത് കാണുന്നതിന്, നിങ്ങൾ JavaScript പ്രവർത്തനക്ഷമമാക്കിയിരിക്കണം

obj = "മാർഗ്ഗനിർദ്ദേശങ്ങൾ"

കത്ത് ജോഡികൾ ചേർന്നതാണ് പേര്=മൂല്യം, ഫോം ഫീൽഡുകളിൽ നിന്ന് ക്രമത്തിൽ തിരഞ്ഞെടുത്തവ.

ഇനിപ്പറയുന്ന ഉദാഹരണം നമുക്ക് കൂടുതൽ വിശദമായി പരിശോധിക്കാം.

ലിസ്റ്റിംഗ് form_1.html

നിങ്ങളുടെ പേര് നൽകുക:

ഈ കോഡ് ഒരു HTML ഫയലിൽ സംരക്ഷിക്കുന്നു form_1.htmlഒരു ബ്രൗസർ ഉപയോഗിച്ച് ഇത് കാണുമ്പോൾ, നിങ്ങൾക്ക് HTML ഫോം കാണാൻ കഴിയും:

ഒരു കണ്ടെയ്നർ ടാഗ് ഉപയോഗിച്ചാണ് ഫോം നടപ്പിലാക്കുന്നത് . ടാഗ് അതിൻ്റെ ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിച്ച് സൂചിപ്പിക്കുന്നു:

ഫോം അയയ്‌ക്കുന്ന സ്‌ക്രിപ്റ്റിൻ്റെ വിലാസം;

അയയ്ക്കുന്ന രീതിയും ഫോമിൽ അടങ്ങിയിരിക്കുന്ന ഡാറ്റയുടെ സവിശേഷതകളും. പ്രാഥമിക അന്തിമവും ടാഗുകൾ ഫോമിൻ്റെ അതിരുകൾ നിർവ്വചിക്കുന്നു. അവരുടെ സൂചന നിർബന്ധമാണ്.

കണ്ടെയ്നർ ടാഗ് ആട്രിബ്യൂട്ടുകൾ
(
എല്ലാം ഓപ്ഷണൽ):

? നടപടി--ഒരു ആട്രിബ്യൂട്ട് അതിൻ്റെ മൂല്യമാണ് URLഅഭ്യർത്ഥിച്ചവയുടെ വിലാസം (മുഴുവൻ അല്ലെങ്കിൽ ബന്ധു). സിജിഐ- പ്രോഗ്രാമുകൾ. ഈ പ്രോഗ്രാം ഫോമിൽ അടങ്ങിയിരിക്കുന്ന ഡാറ്റ പ്രോസസ്സ് ചെയ്യും. എൻട്രി ഉപയോഗിക്കുന്നത് സ്വീകാര്യമാണ് MAILTO:URL.ഈ സാഹചര്യത്തിൽ, ഫോം ഇമെയിൽ വഴി അയയ്ക്കും. ആട്രിബ്യൂട്ട് ആണെങ്കിൽ നടപടിവ്യക്തമാക്കരുത്, ഫോമിലെ ഉള്ളടക്കങ്ങൾ അയയ്‌ക്കും URLഈ വെബ് പേജ് ലോഡുചെയ്‌ത വിലാസം, അതായത് “തന്നിലേക്ക്.” ഇതൊരു സൗകര്യപ്രദമായ ചുരുക്കെഴുത്താണ്, എന്നാൽ HTML സ്റ്റാൻഡേർഡ് അനുസരിച്ച് ആട്രിബ്യൂട്ട് നടപടിആവശ്യമാണ്.

? രീതി-- ഒരു രീതി നിർവചിക്കുന്നു HTTP, ബ്രൗസറിൽ നിന്ന് സെർവറിലേക്ക് ഫോം ഡാറ്റ അയയ്ക്കാൻ ഉപയോഗിക്കുന്നു. ആട്രിബ്യൂട്ട് രീതിരണ്ട് അർത്ഥങ്ങൾ എടുക്കാം: ലഭിക്കുംഅഥവാ പോസ്റ്റ്:

¦ ലഭിക്കും- വിലാസ ബാറിൽ ഫോം ഡാറ്റ അയയ്ക്കുന്നു. വിവിധ വെബ്‌സൈറ്റുകളിൽ URL-ൻ്റെ അവസാനം ഒരു "?" സാന്നിദ്ധ്യം നിങ്ങൾ ശ്രദ്ധിച്ചിരിക്കാം. ഫോർമാറ്റിൽ ഇനിപ്പറയുന്ന ഡാറ്റയും പരാമീറ്റർ=മൂല്യം.ഇവിടെ "പാരാമീറ്റർ"ആട്രിബ്യൂട്ട് മൂല്യവുമായി പൊരുത്തപ്പെടുന്നു പേര്ഫോം ഘടകങ്ങൾ (ടാഗിനെക്കുറിച്ച് ചുവടെ കാണുക ), എ "അർത്ഥം"- ആട്രിബ്യൂട്ട് ഉള്ളടക്കം മൂല്യം(ഉദാഹരണത്തിന്, അതേ ടാഗിൻ്റെ ഒരു ടെക്സ്റ്റ് ഫീൽഡിലേക്കുള്ള ഉപയോക്തൃ ഇൻപുട്ട് ഇതിൽ അടങ്ങിയിരിക്കുന്നു ).

ഉദാഹരണത്തിന്, Yandex-ൽ എന്തെങ്കിലും തിരയാൻ ശ്രമിക്കുക, ബ്രൗസറിൻ്റെ വിലാസ ബാറിൽ ശ്രദ്ധിക്കുക. ഇതാണ് വഴി ലഭിക്കും.

¦ പോസ്റ്റ്- ഫോം ഡാറ്റ അഭ്യർത്ഥനയുടെ ബോഡിയിൽ അയച്ചു. ഇത് എന്താണെന്ന് പൂർണ്ണമായും വ്യക്തമല്ലെങ്കിൽ (അല്ലെങ്കിൽ പൂർണ്ണമായും വ്യക്തമല്ല), വിഷമിക്കേണ്ട, ഞങ്ങൾ ഉടൻ തന്നെ ഈ പ്രശ്നത്തിലേക്ക് മടങ്ങും.

ആട്രിബ്യൂട്ട് ആണെങ്കിൽ രീതിവ്യക്തമാക്കിയിട്ടില്ല - സൂചിപ്പിച്ചിരിക്കുന്നു "ലഭിക്കുക".

? എൻക്‌ടൈപ്പ്-- ഓപ്ഷണൽ ആട്രിബ്യൂട്ട്. സമർപ്പിക്കുമ്പോൾ എൻകോഡിംഗ് ഫോർമാറ്റ് നിർണ്ണയിക്കാൻ ഉപയോഗിക്കുന്ന ഫോം ഉള്ളടക്ക തരം വ്യക്തമാക്കുന്നു. IN HTMLആട്രിബ്യൂട്ടിന് സാധ്യമായ രണ്ട് മൂല്യങ്ങൾ നിർവചിച്ചിരിക്കുന്നു എൻക്‌ടൈപ്പ്:

¦ അപേക്ഷ/എക്സ്-ഡബ്ല്യുഡബ്ല്യുഡബ്ല്യു-ഫോം-യുആർലെൻകോഡ്(സ്ഥിരസ്ഥിതി).

¦ മൾട്ടിപാർട്ട്/ഫോം-ഡാറ്റ.

ടാഗ് ചെയ്യുക ഫോം ഇൻപുട്ട് ഫീൽഡുകൾക്കുള്ളിൽ ടെക്സ്റ്റ് സ്ട്രിംഗുകൾ, ഫയൽ നാമങ്ങൾ, പാസ്‌വേഡുകൾ മുതലായവ സൃഷ്ടിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു. അവസാന ടാഗ് ഇല്ല. ഉപയോഗത്തിൻ്റെ ആട്രിബ്യൂട്ടുകളും സവിശേഷതകളും അത് എങ്ങനെ ഉപയോഗിക്കുന്നു എന്നതിനെ ആശ്രയിച്ചിരിക്കുന്നു.

ടാഗ് ചെയ്യുക - ആട്രിബ്യൂട്ട് നിർവചിച്ചിരിക്കുന്ന ഫോം ഘടകം വ്യക്തമാക്കുന്നു തരം:

¦ അർത്ഥം "വാചകം"ഒരു ഒറ്റ-വരി ടെക്സ്റ്റ് ഇൻപുട്ട് ഫീൽഡ് വ്യക്തമാക്കുന്നു.

¦ അർത്ഥം "സമർപ്പിക്കുക"ക്ലിക്ക് ചെയ്യുമ്പോൾ, സെർവറിലേക്ക് ഫോം അയയ്ക്കുന്ന ഒരു ബട്ടൺ വ്യക്തമാക്കുന്നു.

മറ്റ് മൂല്യങ്ങൾ സാധ്യമാണ് (കൂടാതെ - ഒരു ഫോം ഘടകത്തെ നിർവചിക്കുന്ന ഒരേയൊരു ടാഗ് അല്ല), എന്നാൽ ഞങ്ങൾ അവ ഇനിപ്പറയുന്ന അധ്യായങ്ങളിൽ നോക്കും.

അപ്പോൾ ശരി ബട്ടൺ ക്ലിക്ക് ചെയ്യുമ്പോൾ എന്ത് സംഭവിക്കും?

1. ബ്രൗസർ ഫോമിൽ ഉൾപ്പെടുത്തിയിരിക്കുന്ന ഘടകങ്ങൾ നോക്കുകയും അവയുടെ ആട്രിബ്യൂട്ടുകളിൽ നിന്ന് സൃഷ്ടിക്കുകയും ചെയ്യുന്നു പേര്ഒപ്പം മൂല്യംഫോം ഡാറ്റ. പേര് നൽകിയെന്ന് പറയാം വാസ്യ. ഈ സാഹചര്യത്തിൽ, ഫോം ഡാറ്റ: പേര്=വസ്യ&ഒക്ബട്ടൺ=ശരി.

2. ബ്രൗസർ സെർവറുമായി ഒരു കണക്ഷൻ സ്ഥാപിക്കുന്നു, ആട്രിബ്യൂട്ടിൽ വ്യക്തമാക്കിയ പ്രമാണത്തിനായി സെർവറിലേക്ക് ഒരു അഭ്യർത്ഥന അയയ്ക്കുന്നു നടപടിടാഗ് , ആട്രിബ്യൂട്ടിൽ വ്യക്തമാക്കിയ ഡാറ്റ അയയ്ക്കൽ രീതി ഉപയോഗിക്കുന്നു രീതി(ഈ സാഹചര്യത്തിൽ - നേടുക), അഭ്യർത്ഥനയിൽ ഫോം ഡാറ്റ കൈമാറുന്നു.

3. ലഭിച്ച അഭ്യർത്ഥന സെർവർ വിശകലനം ചെയ്യുകയും ഒരു പ്രതികരണം സൃഷ്ടിക്കുകയും ബ്രൗസറിലേക്ക് അയയ്ക്കുകയും കണക്ഷൻ അടയ്ക്കുകയും ചെയ്യുന്നു.

4. സെർവറിൽ നിന്ന് ലഭിച്ച പ്രമാണം ബ്രൗസർ പ്രദർശിപ്പിക്കുന്നു.

ഒരേ അഭ്യർത്ഥന സ്വമേധയാ അയയ്ക്കുന്നു (ഉപയോഗിക്കുന്നത് ടെൽനെറ്റ്) ഇതുപോലെ കാണപ്പെടുന്നു (സൈറ്റിൻ്റെ ഡൊമെയ്ൻ നാമം എന്ന് കരുതുക www.example.com).

ഹാൻഡ്‌ലർ പ്രോഗ്രാമിന് ഫോം ഡാറ്റ ലഭിക്കുന്ന സെർവറിലേക്ക് കൂടുതൽ അയയ്‌ക്കുന്നതിന് ഉപയോക്താവിൽ നിന്ന് വിവരങ്ങൾ സ്വീകരിക്കുന്നതിനാണ് ഫോം സാധാരണയായി ഉദ്ദേശിക്കുന്നത്. PHP, Perl, തുടങ്ങിയ ഏത് സെർവർ സൈഡ് പ്രോഗ്രാമിംഗ് ഭാഷയിലും അത്തരമൊരു പ്രോഗ്രാം എഴുതാം. ടാഗിൻ്റെ പ്രവർത്തന ആട്രിബ്യൂട്ടിൽ പ്രോഗ്രാം വിലാസം സൂചിപ്പിച്ചിരിക്കുന്നു , ഉദാഹരണം 1 ൽ കാണിച്ചിരിക്കുന്നതുപോലെ.

ഉദാഹരണം 1: ഫോം ഡാറ്റ സമർപ്പിക്കുന്നു

HTML5 IE Cr Op Sa Fx

ഫോം ഡാറ്റ



ഈ ഉദാഹരണത്തിൽ, നെയിം ആട്രിബ്യൂട്ട് (ലോഗിൻ, പാസ്‌വേഡ്) സൂചിപ്പിക്കുന്ന ഫോം ഡാറ്റ /example/handler.php എന്നതിലെ ഫയലിലേക്ക് കൈമാറും. പ്രവർത്തന ആട്രിബ്യൂട്ട് വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ, നിലവിലെ പേജിൻ്റെ വിലാസത്തിലേക്ക് കൈമാറ്റം സംഭവിക്കുന്നു.

സെർവറിലേക്കുള്ള കൈമാറ്റം രണ്ട് വ്യത്യസ്ത രീതികളിലാണ് സംഭവിക്കുന്നത്: ടാഗിൽ രീതി സജ്ജീകരിക്കുന്നതിന് GET, POST എന്നിവ
മെത്തേഡ് ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുന്നു, അതിൻ്റെ മൂല്യങ്ങൾ നേടുകയും പോസ്റ്റുചെയ്യുകയും ചെയ്യുന്ന കീവേഡുകളാണ്. രീതി ആട്രിബ്യൂട്ട് വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ, സ്ഥിരസ്ഥിതിയായി ഡാറ്റ GET രീതി ഉപയോഗിച്ച് സെർവറിലേക്ക് അയയ്ക്കും. പട്ടികയിൽ ഈ രീതികൾ തമ്മിലുള്ള വ്യത്യാസം ചിത്രം 1 കാണിക്കുന്നു.

ഏത് രീതിയാണ് ഉപയോഗിക്കുന്നതെന്ന് ബ്രൗസറിൻ്റെ വിലാസ ബാർ ഉപയോഗിച്ച് എളുപ്പത്തിൽ നിർണ്ണയിക്കാനാകും. അതിൽ ഒരു ചോദ്യചിഹ്നം പ്രത്യക്ഷപ്പെടുകയും വിലാസം ഇതുപോലെ കാണപ്പെടുകയും ചെയ്യുന്നുവെങ്കിൽ, ഇത് തീർച്ചയായും ഒരു GET ആണ്.

http://www.google.ru/search?q=%D1%81%D0%B8%D1%81%D1%8C%D0%BA%D0%B8&ie=utf-8

വിലാസ ബാറിലെ പാരാമീറ്ററുകളുടെ ഒരു തനതായ സംയോജനം ഒരു പേജിനെ അദ്വിതീയമായി തിരിച്ചറിയുന്നു, അതിനാൽ ?q=node/add, ?q=node എന്നീ വിലാസങ്ങളുള്ള പേജുകൾ വ്യത്യസ്തമായി കണക്കാക്കുന്നു. നിരവധി വെബ്‌സൈറ്റ് പേജുകൾ സൃഷ്‌ടിക്കാൻ ഉള്ളടക്ക മാനേജ്‌മെൻ്റ് സിസ്റ്റങ്ങൾ (CMS, കണ്ടൻ്റ് മാനേജ്‌മെൻ്റ് സിസ്റ്റം) ഈ സവിശേഷത ഉപയോഗിക്കുന്നു. വാസ്തവത്തിൽ, ഒരു GET അഭ്യർത്ഥന സ്വീകരിക്കുന്ന ഒരൊറ്റ ഫയൽ ഉപയോഗിക്കുന്നു, അതനുസരിച്ച്, പ്രമാണത്തിൻ്റെ ഉള്ളടക്കങ്ങൾ സൃഷ്ടിക്കുന്നു.

സൈറ്റുകളിലെ ഈ രീതികളുടെ സാധാരണ ആപ്ലിക്കേഷനുകളാണ് താഴെ ലിസ്റ്റ് ചെയ്തിരിക്കുന്നത്.

നേടുക

സെർവറിലേക്ക് ചെറിയ ടെക്സ്റ്റ് ഡാറ്റ കൈമാറുന്നു; സൈറ്റ് തിരയൽ.

തിരയൽ എഞ്ചിനുകളും സൈറ്റ് തിരയൽ ഫോമുകളും എല്ലായ്പ്പോഴും GET രീതി ഉപയോഗിച്ചാണ് അയയ്‌ക്കുന്നത്, ഇത് നിങ്ങളെ സുഹൃത്തുക്കളുമായി തിരയൽ ഫലങ്ങൾ പങ്കിടാനോ മെയിൽ വഴി ഒരു ലിങ്ക് അയയ്‌ക്കാനോ ഫോറത്തിൽ പോസ്റ്റുചെയ്യാനോ അനുവദിക്കുന്നു.

പോസ്റ്റ്

ഫയലുകൾ കൈമാറുന്നു (ഫോട്ടോകൾ, ആർക്കൈവുകൾ, പ്രോഗ്രാമുകൾ മുതലായവ); അഭിപ്രായങ്ങൾ അയയ്ക്കുന്നു; ഫോറം, ബ്ലോഗ് എന്നിവയിൽ സന്ദേശങ്ങൾ ചേർക്കുകയും എഡിറ്റുചെയ്യുകയും ചെയ്യുന്നു.

സ്ഥിരസ്ഥിതിയായി, നിലവിലെ ബ്രൗസർ ടാബിൽ ഫോം പ്രോസസ്സ് ചെയ്യുന്നു; എന്നിരുന്നാലും, ഫോം സമർപ്പിക്കുമ്പോൾ, നിങ്ങൾക്ക് ഈ പരാമീറ്റർ മാറ്റി പുതിയ ടാബിലോ ഫ്രെയിമിലോ ഫോം ഹാൻഡ്‌ലർ തുറക്കാം. ടാഗിൻ്റെ ടാർഗെറ്റ് ആട്രിബ്യൂട്ടിൻ്റെ മൂല്യമായ "സന്ദർഭ നാമം" വഴിയാണ് ഈ സ്വഭാവം വ്യക്തമാക്കുന്നത്. . ഒരു പുതിയ വിൻഡോയിലോ ടാബിലോ ഫോം തുറക്കുന്നതിനുള്ള ജനപ്രിയ മൂല്യങ്ങൾ _ശൂന്യമാണ്, കൂടാതെ ടാഗിൻ്റെ പേര് ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് വ്യക്തമാക്കിയ ഫ്രെയിമിൻ്റെ പേരും



ഈ ഉദാഹരണത്തിൽ, നിങ്ങൾ സമർപ്പിക്കുക ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, ഫോം സമർപ്പിക്കൽ ഫലം ഏരിയ എന്ന ഫ്രെയിമിൽ തുറക്കുന്നു.

ഫോം ഘടകങ്ങൾ പരമ്പരാഗതമായി ഒരു ടാഗിനുള്ളിൽ സ്ഥാപിച്ചിരിക്കുന്നു
, അതുവഴി സെർവറിലേക്ക് കൈമാറുന്ന ഡാറ്റ നിർണ്ണയിക്കുന്നു. അതേ സമയം, HTML5-ന് അതിൻ്റെ ഘടകങ്ങളിൽ നിന്ന് ഒരു ഫോം വേർതിരിക്കാനുള്ള കഴിവുണ്ട്. ഇത് സൗകര്യത്തിനും വൈദഗ്ധ്യത്തിനും വേണ്ടിയാണ് ചെയ്യുന്നത്, അതിനാൽ സങ്കീർണ്ണമായ ലേഔട്ടിൽ പരസ്പരം വിഭജിക്കാൻ പാടില്ലാത്ത നിരവധി ഫോമുകൾ അടങ്ങിയിരിക്കാം, അല്ലെങ്കിൽ, ഉദാഹരണത്തിന്, ചില ഘടകങ്ങൾ പേജിൽ ഒരിടത്ത് സ്ക്രിപ്റ്റുകൾ ഉപയോഗിച്ച് പ്രദർശിപ്പിക്കും, കൂടാതെ ഫോം തന്നെ മറ്റൊരിടത്ത് സ്ഥിതിചെയ്യുന്നു. . ഫോമും അതിൻ്റെ ഘടകങ്ങളും തമ്മിലുള്ള ബന്ധം ഈ സാഹചര്യത്തിൽ ഫോം ഐഡൻ്റിഫയർ വഴിയാണ് സംഭവിക്കുന്നത്, ഈ ഐഡൻ്റിഫയറിന് തുല്യമായ മൂല്യമുള്ള ഫോം ആട്രിബ്യൂട്ട് ഘടകങ്ങളിലേക്ക് ചേർക്കണം (ഉദാഹരണം 3).

ഉദാഹരണം 3: ഒരു ഫോം ഫീൽഡുകളിലേക്ക് ലിങ്ക് ചെയ്യുന്നു

HTML5 IE Cr Op Sa Fx

ഫോം



ഈ ഉദാഹരണത്തിൽ ടാഗ്
ഓത്ത് ഐഡൻ്റിഫയർ മുഖേന അദ്വിതീയമായി തിരിച്ചറിയുന്നു, കൂടാതെ ഫോം വഴി സമർപ്പിക്കേണ്ട ഫീൽഡുകളിലേക്ക് form="auth" ചേർക്കുന്നു. ഈ സാഹചര്യത്തിൽ, മൂലകങ്ങളുടെ സ്വഭാവം മാറില്ല; ബട്ടൺ ക്ലിക്കുചെയ്യുമ്പോൾ, ലോഗിൻ, പാസ്‌വേഡ് എന്നിവ handler.php ഹാൻഡ്‌ലറിലേക്ക് അയയ്ക്കും.

ഫോം ട്രാൻസ്ഫർ പാരാമീറ്ററുകൾ പരമ്പരാഗതമായി ടാഗിൽ വ്യക്തമാക്കിയിട്ടുണ്ടെങ്കിലും , അവ സമർപ്പിക്കാനുള്ള ബട്ടണുകളിലേക്കും അവ മാറ്റാവുന്നതാണ് (

നിങ്ങളുടെ പേര്: നിങ്ങളുടെ വിലാസം: അയയ്ക്കുക: