AhNigomend

HTML Foms 4 Objzuk

Name Raleul Mathouan

Roll no 191339 JD, 0039

Jaua ancd Welr D.hianing9

clahh Blom.e-A)
Pate 03. 10.202

bubmitad By bemittecl To

Raeul Madhaan Veclanthanajoqopal

 HTML Fomb
t ane negywned, whan you wont to llleat hane data

om
rom the hite Voito. Fot exomple, during uhet hagintratonou
wudd uke to lolleet infotnation huuh as name, enail addrus. DUdit
Caxtd utc
will take input uern the hite vthitet ond hen
AGtum
will Poht t to a baik -end opplicaien huuh as Col, Asp Soupt d

PHp soupt et. The bauk 2ncd opplication wil porlyom Heauired
the buineks log
dlefinaed buines logic
Pruotohhung
Prot@hhing on he ahhed data baned on

innide he application

7There Ce Vauous gom elements aniblle uke thoat

dlown menu, Hadio buligrns, checkboes
heles, tetonea Jields, cbop-
HTML
tag s hed to vteale an

The HTML L 9dvn 7

has Jollowing Synlaoc.

otrn ancdit

gom alion bvupt URL " method Get 1Pos7

lements like input, textarta ete.
orm

L1horm 7

Apant pom Lommon atthibute, galouing is a nt othe m pst

guenuienlly Wheel hom attubutes -

5n No Atbuibute ¢ Dehviption

Action
Baukene 50ipt neady to Pnotehh youwt
Panhecl clata.

Methel
Method t» be hedto upload clata. The

mOstajuently Uhed ane GET and PosT method

3 atget
5peuky the ttnget window oname whve the

teult h the bnipt uwill be dirplaugd t

tokes values like lank, -Sel, Porunt ete

- -

enutype
You Can whe the endype atibutes to spuih
how the braunet entodes the elata
beoe t
bens it to be the Spue POSible vadues ane
pplikation X- www-fdm-
ndentodad- This is the standad methodl
mpst fams he in
Simple s lenoris
muilhport am-data This ib uned when you
want to uplbad binay data in the hôm oh
iles ike image, wshd yle et
HTML Foum onbels

Thore ohu dilforont ypes horm lontvols that

yotl 0n uhe to Lollout olata uhing HTML Fbm -

Tect Input Lontnols -bulbmit and R0het Bun

hulr us lontoy - File

file Aelect boes
Racio Box lonbrols Hidelen Conthols
blot Boc Lonthols
atnoe Buttbns
Checkbnx Lontel
It a uhtdl when mghe than one 0ption ae uhd

touined to be heleted Thay e alho eated whing HTML Ziput

tag but type alubule ib het to chourror

Eaomple
htm/

Lhsadl7
Ltitle 7 chtbme londhol 2\ title 7
LIhead

Lbody
gdm
Linput ype theskhox name maths voue on 7Maths
L inpul
pe ="hekDe" name"phyhius"valua
L1gem 7 "en 7phyhis
 L Tbody 7

L Thtmlz

ROuilt
Maths phyis

Ati bulcb

b NO Atubule 4 Dewription

ype
Lncicates he type e input onlrol

ando cheslvrnc input Lonbrol it willbe

het to hebpe ..

Nome
whed to give a name to the Conthol which is
hent to the hewen to be HOLDgniecl and
gt the value.

3 vodue
The Volue that will be uhed the chesk
boc b heleted

Cheed
Bet to checal yawant to
nelet it
by clafault
Raclio Buton (rnbrol
-9t ae whecd when out eh many option , Junt one

option 6 nequinel to be heleuted hey ae aduo veated wing HTML

zinput tag but tpe atbibute i6 het to Nadio.

Example
LI Doctype htmi
LhBmlz
Lhead
itle 7 Radlid Cnx lprbol 2\ Eitle z
2lheacd
Lhody
Lgon
Liput type
bype laclio "ame Slyed value maths 7muths
:

Lirpu tpe"adio Name "slpit

'value"phyrus 7p hyh

Llbody
LI html 7

Rehdlt
o maths ophypis

Attribudes
 on No Atibute 4 Dohveipbon
ype
9nolicales he type oh irput lonbhol and y
Cheiklre input lonthol it will be het to Hadio

name

whtd tw gve a name to he lonb»ol whih

hent to he hewen to be eugnied and u
the value.

3 Value
The value hat will be uhed he tacio
box ib heleted

Cnesed
bet to hecked iyou want to Selet it by
dehault

Splut Box lonbiol

* htlot hox, alho taled chop doUn bx wkich

PMOvides bption to ist down Vanious option in the gdm

he om e

chop clown list, hom whene a Uhet tan heleit one e) mere

options,
Example:
2 DOc TYPE hHml7

Lhtml
Lhead
L tite 7 helot Box lonbol L I itle >

L head
Lbocly

m
Lhdlut name cbopdeun 7
Loption
Vlue: "Mahs splatecd
"

maths
z
lopbion >
L

Lopbon VaBue- "phynius" 7 phyhils L loption 7

L Iselet 7

Igom7
LThody 7
LIhtmlz
Rondt
Maths

Attihules
Atbrubute Dehviption
Name
had to gut a name to the Drdol whilh i6 hent
to he huen to be neuognigael ancd qet the

value
 Sie
buwling kst booc
Ihs Can ba ubtd to prant a

3 Mullple
Set to "muliple then oous a uen b Selod
muultiple itumb rom the menl

File Uplmd Box

Iyou want to aWow a uhe o uploada gle

to yut wer hite. you will noecl lo ue a file upload boxe ,alho
kown as a ile holet bo Ths is alho Oneatic whing the
Linput7 lement but type athibule is het to ile

Example
L! ODCTYPE himlz

Lhtmlz
Lhiad7
2 title 7 Fila upload Ba 2 1btle?
head
z body
yem
Linpul type "ile name "leupload aupt
LIhom image*" lz
Ljbody
Llhtm)
Rehult
choose No gile choten

Atbibutes
5x No Atbuibute+ Dehviption
Oome
Uhed to gut a name to the Lontrol whith
ib hent to the herwet to be
nuognineo and
gut the volue.

Quept
speities the type gles hat the heue

Quepts
Buitbn (rbols
There ane Voruous wnys in HTML to rerte dilhalt

buttns You lon oho ouate a dikoe button Uhingainpud7

to buttn
tag by hettag its type attri butes
Eocample
L!DoCTYPE html z

htmlz
Lheacd
Ltitle 7 Fila upload box 2I bitle7
Llhead
body 7
 2ioput ype Sulmit name "Sulsmit" value "Sulmit 1
Linput type renet" name "nehet" valua "rehat"1z
Linput ype buton" hame "Ok " value "D" Iz
Linput type "image n "image button SMC"Thtm)

LIBom images yo png "]

Ll boly 7
L lh tml z7

tutials point

Submit Rehet Ok

Atbibute
5n.NO Dehiption
bubmst
This aats a button that automtitaly sulmits a

2 Rehit
hel a
Ihis otuailes a button that automai olly
Contnol to then initial Vaues

ima
This oeatos q ipalle button but we ian we

an imag as baegrunel he button