HTML Input form* Attributes

HTML Input form* attributes ऐसे special attributes होते हैं जो <input> और <button> elements पर apply किए जाते हैं।
ये attributes form के default behavior को override करने की सुविधा देते हैं।

इनका असर सिर्फ उसी input या button पर होता है, पूरे form पर नहीं।

formaction Attribute

formaction attribute form submit होने पर कौन-सा URL call होगा, यह define करता है।

<form action="save.php">
  <input type="submit" value="Save">
  <input type="submit" formaction="delete.php" value="Delete">
</form>

Same form में different buttons से different actions possible हो जाते हैं।

formmethod Attribute

formmethod HTTP method define करता है।

<form action="login.php" method="get">
  <input type="submit" value="Login">
  <input type="submit" formmethod="post" value="Secure Login">
</form>

यह get या post method को override करता है।

formenctype Attribute

formenctype form data का encoding type define करता है।

<form action="upload.php" method="post">
  <input type="file" name="file">
  <input type="submit" formenctype="multipart/form-data" value="Upload">
</form>

File upload के लिए यह attribute बहुत जरूरी होता है।

formtarget Attribute

formtarget response कहाँ open होगा, यह decide करता है।

<form action="result.php">
  <input type="submit" value="Same Tab">
  <input type="submit" formtarget="_blank" value="New Tab">
</form>

Common values: _self, _blank, _parent, _top

formnovalidate Attribute

formnovalidate browser validation को bypass कर देता है।

<form>
  <input type="email" required>
  <input type="submit" value="Validate">
  <input type="submit" formnovalidate value="Skip Validation">
</form>

Useful तब होता है जब validation conditionally skip करनी हो।

form Attribute

form attribute input को किसी external form से link करता है।

<form id="myForm" action="submit.php"></form>

<input type="text" name="username" form="myForm">
<input type="submit" value="Submit" form="myForm">

Input element form के बाहर भी रखा जा सकता है।

form* Attributes कहाँ use होते हैं?

Multiple submit buttons के लिए
Different actions एक ही form में
Conditional validation के लिए
Advanced form handling के लिए

HTML Input form* Attributes Summary

form* attributes input-level control देते हैं
Form के default behavior को override कर सकते हैं
Complex forms में ये attributes बहुत powerful होते हैं
HTML5 forms को flexible और smart बनाते हैं

Share your love