ഫോമിലെ HTML ഇൻപുട്ട് ടാഗും ബട്ടണും ടാഗും ഉപയോഗിക്കുന്നു

ആട്രിബ്യൂട്ട് തരം "ബട്ടൺ" ആയി മാറ്റുക വഴി ഒരു ലളിതമായ ക്ലിക്കുചെയ്യാവുന്ന ബട്ടൺ ജനറേറ്റുചെയ്യും. നിങ്ങൾക്ക് മൂല്യ നിർണ്ണയം ഉപയോഗിച്ച് "സമർപ്പിക്കുക" എന്നതുപോലെ ബട്ടണിൽ ദൃശ്യമാകുന്ന വാചകം നിങ്ങൾക്ക് നിർവ്വചിക്കാനാകും.

ഉദാഹരണത്തിന്:

<ഇൻപുട്ട് തരം = "ബട്ടൺ" മൂല്യം = "സമർപ്പിക്കുക">

ടാഗ് ഒരു HTML ഫോം സമർപ്പിക്കുന്നതല്ല; ഫോം ഡാറ്റാ സമർപ്പിക്കലിനെ കൈകാര്യം ചെയ്യുന്നതിന് നിങ്ങൾക്ക് JavaScript ഉൾപ്പെടുത്തേണ്ടിവരും. ഒരു ജാവാസ്ക്രിപ്റ്റ് onclick ഇവന്റ് ഇല്ലാതെ, ബട്ടൺ ക്ലിക്ക് ചെയ്യാവുന്ന ദൃശ്യമാകും പക്ഷേ ഒന്നും സംഭവിക്കയില്ല, നിങ്ങൾ നിങ്ങളുടെ വായനക്കാരെ നിരാശരായിരിക്കും.

& Lt; ബട്ടൺ & gt; ടാഗ് ഇതര

ഒരു ബട്ടൺ സൃഷ്ടിക്കാൻ ഇൻപുട്ട് ടാഗ് ഉപയോഗിക്കുമ്പോൾ, നിങ്ങളുടെ വെബ്സൈറ്റ് HTML ബട്ടണുകൾ സൃഷ്ടിക്കുന്നതിന് ടാഗ് ഉപയോഗിക്കുന്നതിനുള്ള മികച്ച ഓപ്ഷനാണ് ഇത്. ബട്ടണിനായി ചിത്രങ്ങളെ (ഉദാഹരണത്തിന്, നിങ്ങളുടെ സൈറ്റിന് ഒരു ഡിസൈൻ തീം ഉണ്ടെങ്കിൽ ദൃശ്യവൽക്കരണം നിലനിർത്താൻ ഇത് സഹായിക്കും) ഉദാഹരണമായി, ഇത് നിങ്ങൾക്ക് ഇഷ്ടപ്പെട്ടേക്കാമെന്നതിനാലാണ് ടാഗ് കൂടുതൽ ഇഷ്ടപ്പെടുന്നത്. അധിക ജാവാസ്ക്രിപ്റ്റ് ആവശ്യമില്ല.

ഏതെങ്കിലും

ടാഗുകളിൽ ബട്ടൺ തരം ആട്രിബ്യൂട്ട് വ്യക്തമാക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കും. മൂന്ന് വ്യത്യസ്ത തരം ഉണ്ട്:

• ബട്ടൺ - ഈ ബട്ടണിൽ സ്വാഭാവിക സ്വഭാവം ഇല്ല, പക്ഷേ ക്ലയന്റ് വശത്ത് പ്രവർത്തിക്കുന്ന സ്ക്രിപ്റ്റുകളുമായി ചേർത്ത് ബട്ടൺ അറ്റാച്ചുചെയ്ത് ക്ലിക്കുചെയ്ത് എക്സിക്യൂട്ട് ചെയ്യാൻ കഴിയും.
• പുനഃസജ്ജമാക്കുക - എല്ലാ മൂല്യങ്ങളും പുനഃസജ്ജമാക്കുന്നു .
• സമർപ്പിക്കുക - സെർവറിലേക്ക് ഫോം ഡാറ്റാ സമർപ്പിക്കുന്നു ബട്ടൺ (ടൈപ്പ് നിർവ്വചിച്ചില്ല എങ്കിൽ സ്ഥിരസ്ഥിതി മൂല്യം).

മറ്റ് ഗുണവിശേഷതകൾ ഇവയാണ്:

• നാമം - ബട്ടൺ ഒരു റഫറൻസ് നാമം നൽകുന്നു.
• മൂല്യം - തുടക്കത്തിൽ ഒരു ബട്ടൺ നൽകേണ്ട മൂല്യം വ്യക്തമാക്കുന്നു.
• അപ്രാപ്തമാക്കുക - ബട്ടൺ ഓഫാക്കുന്നു.

നിങ്ങൾക്ക് കൂടുതൽ പ്രവർത്തനക്ഷമത നൽകുന്ന

ടാഗ് അധികമായി HTML5 ആട്രിബ്യൂട്ടുകൾ ചേർക്കുന്നു.

• ഓട്ടോഫോക്കസ് - പേജ് ലോഡ് ചെയ്യുമ്പോൾ ഈ ബട്ടൺ ഫോക്കസ് എന്ന് വ്യക്തമാക്കുന്നു. ഒരു ഓട്ടോഫോക്കസ് മാത്രമേ ഒരു പേജിൽ ഉപയോഗിക്കാനാകൂ.
• ഫോം - മൂല്യത്തിന്റെ ഐഡന്റിഫയർ മൂല്യം ഉപയോഗിച്ച് സമാന HTML പ്രമാണത്തിനുള്ളിൽ ഒരു ഫോമിലുളള ബട്ടൺ ഉപയോഗിക്കുന്നു. ഉദാഹരണത്തിന്:

സമർപ്പിക്കുക

formaction - type = "submit" എന്നതുപയോഗിച്ച് മൂല്യം ഒരു URL ആയി ഉപയോഗിച്ചു, ഫോം ഡാറ്റ അയയ്ക്കണമെന്ന് ഇത് വ്യക്തമാക്കുന്നു. ഉദാഹരണത്തിന്:

ഫോം ഡാറ്റ മറ്റൊരു പേജിലേക്ക് സമർപ്പിക്കുക

formenctype - type = "submit" ആട്രിബ്യൂട്ട് ഉപയോഗിച്ചു് മാത്രം ഉപയോഗിച്ചു്. സെർവറിലേക്ക് സമർപ്പിക്കുമ്പോൾ ഫോം ഡാറ്റ എങ്ങനെയാണ് എൻകോഡ് ചെയ്യേണ്ടത് എന്ന് നിർവചിക്കുന്നത്. ഈ മൂന്ന് മൂല്ല്യങ്ങളും ആപ്ലിക്കേഷനുകളും / x-www- ഫോം- urlencoded (സ്ഥിരസ്ഥിതി), മൾട്ടിപാർട്ട് / ഫോർമാറ്റ് ഡാറ്റ, ടെക്സ്റ്റ് / പ്ലെയിൻ എന്നിവയാണ്.

formmethod - type = "submit" ആട്രിബ്യൂട്ട് ഉപയോഗിച്ചു് മാത്രം ഉപയോഗിച്ചു്. ഫോം ഡാറ്റ സമർപ്പിക്കുന്നതിനോ, പോസ്റ്റുചെയ്യുന്നതിനോ ഏത് HTTP രീതി ഉപയോഗിക്കണമെന്ന് ഇത് വ്യക്തമാക്കുന്നു .

formnovalidate - type = "submit" ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് മാത്രം ഉപയോഗിച്ചു്. സമർപ്പിക്കുമ്പോൾ ഫോം ഡാറ്റ സാധൂകരിക്കില്ല.

formtarget - type = "submit" ആട്രിബ്യൂട്ട് ഉപയോഗിച്ചു് മാത്രം ഉപയോഗിച്ചു്. ഒരു പുതിയ വിൻഡോയിൽ ഫോം ഡാറ്റ സമർപ്പിക്കുമ്പോൾ സൈറ്റിന്റെ പ്രതികരണം പ്രദർശിപ്പിക്കേണ്ടത് എവിടെയാണെന്ന് ഇത് സൂചിപ്പിക്കുന്നു. മൂല്യം ഐച്ഛികങ്ങൾ _blank, _self, _parent, _top, അല്ലെങ്കിൽ ഒരു പ്രത്യേക ഫ്രെയിം നെയിം.

നിങ്ങൾ ഫോമുകൾ ഉപയോഗിക്കുന്നുണ്ടെങ്കിൽ, HTML ഫോമുകളിൽ ബട്ടണുകൾ നിർമ്മിക്കുന്നതിനെക്കുറിച്ചും നിങ്ങളുടെ സൈറ്റ് കൂടുതൽ കൂടുതൽ സൗഹൃദമാക്കി മാറ്റുന്നതിനായും നിങ്ങൾക്ക് വായിക്കണം.