HTML Input Form Attributes

Input form Attributes

<form action="test.php" id="check1">
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <label for="lastname">Last Name:</label>
  <input type="text" name="lastname" id="lastname"> <br><br>
 <input type="submit" value="subscribe" form="check1" formaction="test1.php" formenctype="application/x-www-form-urlencoded" formmethod="get" formnovalidate formtarget="_blank">
</form>
input ekak athule form attribute ekathu karanna me tika yodagannawa
  • formaction / formenctype / formmethod / formnovalidate / formtarget = me okkoma tika main form (form attribute) tika abibawa yanawa
form▪️form eka athule nathuwa wenama <input> ekak hadala wenama form ekakata link karanna puluwan (link karanne form eke (id) ekay <input> eka athule dena (form) eke namay samana wenna ona)
▪️link= https://www.w3schools.com/tags/att_input_form.asp
formaction▪️form eka submit karanakota (data) tika yanna ona location eka labadena eka meken wenne (php file ekak wage)
▪️url ekak unath meke denna puluwan

🔹input type = [ submit, image ]
formenctype▪️meka pawichchi karanna puluwan ( post method )eke witharay
▪️form eke data tika server ekata yawaddi data ecryipt karanna ona widiya thoranna thiyenne.

1. application/x-www-form-urlencoded =
deafult thiyenne meka සියලුම අක්ෂර යැවීමට පෙර කේතනය කර ඇත (අවකාශ “+” සංකේත බවට පරිවර්තනය වේ, සහ විශේෂ අක්ෂර ASCII HEX අගයන් බවට පරිවර්තනය වේ)

2. multipart/form-data = file uplaode karadi meka yodaganne

3. text/plain = encript karanne nathwua nikanma data tika yawanawa text ekak widiyata

🔹input type = [ submit, image ]
formmethod▪️form eke data yawana akaraya thoranna thiyenne

1. Get = data tika url variable ekak widiyata yawana eka meken wenne
ex= URL?name=value&name=value
*urlm eke uparima lenth eka  (2048 characters)
*url bookmark karanna meka hoday eccomerce site wala wage product eke

2. post = me kramedi data encript wela http widiyata yanne

🔹input type = [ submit, image ]
formnovalidate
▪️input eke api samahra ewata ( requird /min/max/email symble/password validation and others)karana ewa tika okkoma disable wenawa formnovalidate kiyana eka <button> ekata demmay passe

▪️video link = https://www.youtube.com/watch?v=PcipKp5SotA

🔹input type = [ All ]
formtarget
▪️out put eka pennane ekama page ekeda nettama wenama tab ekak open welada wage ewa meken wenne
target type list👇
1. _blank
2. _self
3. _parent
4. _top
5. framename

🔹input type = [ submit, image ]
<Input button popover> Attributes 👇
<Input popover> Attributes 👇

<h1 popover id="check1">Hello im POPUP MAN</h1>

<input type="button" popovertarget="check1" popovertargetaction="show" value="Click Me">
input eke button ekak athule popover ekak hadanna me tika yodagannawa
popover id▪️id eka hadanne meken
popovertarget▪️popover eke id eka <button> ekata connect karanne meken ( id ) ekay (popovertarget) ekay samana wenna ona

🔹input type = [ button ]
popovertargetaction▪️බොත්තම ක්ලික් කළ විට popover එකට කුමක් සිදුවේද යන්න සඳහන් කරයි
1. hide = clikc karama hide wela thiyenne
2. show = click kala wita popover eka penway
3. toggle = click kala wita penwima saha segawima athara wenasa maruwen maruwata sidu we
<output eka>

🔹input type = [ button ]
Scroll to Top