Textf

iel
d

<
html
>

<
body>

<
h2>
Texti
nputf
iel
ds<
/h2>

<
for
m>

<
labelf
or="
fname"
>Fi
rstname:
</l
abel
><br
>

<
inputt
ype="
text
"id="
fname"name="
fname"val
ue="
John"
><br
>

<
labelf
or="
lname"
>Las
tname:
</l
abel
><br
>

<
inputt
ype="
text
"id="
lname"name="
lname"val
ue="
Doe"
>

<
/for
m>

<
/body>

<
/ht
ml>

Radi
obut
ton

<
!DOCTYPEht
ml>

<
html
>

<
body>

<
h2>
Radi
oBut
tons
</h2>

<
p>Choos
eyourf
avor
iteWebl
anguage:
</p>

<
for
m>

<
inputt
ype="
radi
o"i
d="
html
"name="
fav_l
anguage"val
ue="
HTML"
>

<
labelf
or="
html
">HTML<
/label
><br
>

<
inputt
ype="
radi
o"i
d="
css
"name="
fav_l
anguage"val
ue="
CSS"
>

<
labelf
or="
css
">CSS<
/label
><br
>

<
inputt
ype="
radi
o"i
d="
javas
cri
pt"name="
fav_l
anguage"val
ue="
JavaSc
ript
">

<
labelf
or="
javas
cri
pt"
>JavaSc
ript
</l
abel
>
<
/for
m>

<
/body>

<
/ht
ml>

CHECKBOX

<
!DOCTYPEht
ml>

<
html
>

<
body>

<
h2>
Chec
kboxes
</h2>

<
p>The<
str
ong>
inputt
ype="
chec
kbox
"</
str
ong>def
inesac
hec
kbox:
</p>

<
for
mac
tion="
/ac
tion_page.
php"
>

<
inputt
ype="
chec
kbox"i
d="
vehi
cle1"name="
vehi
cle1"val
ue="
Bike"
>

<
labelf
or="
vehi
cle1"
>Ihaveabi
ke<
/label
><br
>

<
inputt
ype="
chec
kbox"i
d="
vehi
cle2"name="
vehi
cle2"val
ue="
Car
">

<
labelf
or="
vehi
cle2"
>Ihaveac
ar<
/label
><br
>

<
inputt
ype="
chec
kbox"i
d="
vehi
cle3"name="
vehi
cle3"val
ue="
Boat
">

<
labelf
or="
vehi
cle3"
>Ihaveaboat
</l
abel
><br
><br
>

<
inputt
ype="
submi
t"val
ue="
Submi
t"
>

<
/for
m>

<
/body>

<
/ht
ml>

Submi
t

<
!DOCTYPEht
ml>

<
html
>

<
body>
<
h2>
HTMLFor
ms<
/h2>

<
for
mac
tion="
/ac
tion_page.
php"
>

<
labelf
or="
fname"
>Fi
rstname:
</l
abel
><br
>

<
inputt
ype="
text
"id="
fname"name="
fname"val
ue="
John"
><br
>

<
labelf
or="
lname"
>Las
tname:
</l
abel
><br
>

<
inputt
ype="
text
"id="
lname"name="
lname"val
ue="
Doe"
><br
><br
>

<
inputt
ype="
submi
t"val
ue="
Submi
t"
>

<
/for
m>

<
p>I
fyouc
lic
kthe"
Submi
t"but
ton,
thef
orm-
dat
awi
llbes
entt
oapagec
all
ed

"
/ac
tion_page.
php"
.</
p>

<
/body>

<
/ht
ml>

CSS.
.
..
..
.

<
!DOCTYPEht
ml>

<
html
>

<
head>

<
styl
e>

f
iel
dset{bac
kgr
ound-
col
or:#eeeeee;
}

l
egend{bac
kgr
ound-
col
or:gr
ay;c
olor
:whi
te;paddi
ng:5px10px;
}

i
nput{mar
gin:5px;
}

<
/st
yle>

<
/head>

<
body>

<
h1>
Thef
iel
dsetel
ement+CSS<
/h1>
<
for
mac
tion="
/ac
tion_page.
php"
>

<
fiel
dset
>

<
legend>
Per
sonal
-i
nfo:
</l
egend>

<
labelf
or="
fname"
>Fi
rstname:
</l
abel
>

<
inputt
ype="
text
"id="
fname"name="
fname"
><br
><br
>

<
labelf
or="
lname"
>Las
tname:
</l
abel
>

<
inputt
ype="
text
"id="
lname"name="
lname"
><br
><br
>

<
labelf
or="
emai
l"
>Emai
l:
</l
abel
>

<
inputt
ype="
emai
l"i
d="
emai
l"name="
emai
l"
><br
><br
>

<
labelf
or="
bir
thday"
>Bi
rthday:
</l
abel
>

<
inputt
ype="
dat
e"i
d="
bir
thday
"name="
bir
thday"
><br
><br
>

<
inputt
ype="
submi
t"val
ue="
Submi
t"
>

<
/fi
elds
et>

<
/for
m>

<
/body>

<
/ht
ml>

Li
sts

<
html
>

<
body>

<
h2>
CSSLi
sts-Cont
rol
ledCount
ing<
/h2>

<
h3>
star
tat
tri
but
e</
h3>

<
ols
tar
t="
4">

<
li
>Java.
</l
i>

<
li
>HTML.
</l
i>

<
li
>CSS.
</l
i>
<
li
>Reac
t.<
/li
>

<
/ol
>

<
h3>
rever
seat
tri
but
e</
h3>

<
olr
ever
sed>

<
li
>Java.
</l
i>

<
li
>HTML.
</l
i>

<
li
>CSS.
</l
i>

<
li
>Reac
t.<
/li
>

<
/ol
>

<
/body>

<
/ht
ml>

Col
or

<
html
>

<
head>

<
styl
e>

#gr
ad1{

hei
ght
:100px;

bac
kgr
ound:-
webki
t-l
inear
-gr
adi
ent
(pi
nk,
green)
;

bac
kgr
ound:-
o-l
inear
-gr
adi
ent
(pi
nk,
green)
;

bac
kgr
ound:-
moz
-li
near
-gr
adi
ent
(pi
nk,
green)
;

bac
kgr
ound:l
inear
-gr
adi
ent
(pi
nk,
green)
;

<
/st
yle>

<
/head>

<
body>
<
divi
d="
grad1"
></
div>

<
/body>

<
/ht
ml>