Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Element Grouping: Prof. David Rossiter

Download as pdf or txt
Download as pdf or txt
You are on page 1of 7

ELEMENT GROUPING

PROF. DAVID ROSSITER

1/7

AFTER THIS PRESENTATION


You'll be able to group elements into nice structures

2/7

ELEMENTS WE WILL LOOK AT


Grouping things

<fieldset>

Giving a title

<legend>

3/7

AN EXAMPLE USING FORM INPUTS


<form>

</form>

<fieldset>

<legend>PersonalInformation</legend>

Firstname?<inputtype="text"name="firstName"><br>

Lastname?<inputtype="text"name="lastName"><br>
</fieldset><br>
<fieldset>

<legend>FavouriteThings</legend>

Favouritecartoon?<inputtype="text"name="favCartoon"><br>

Favouritepizza?<inputtype="text"name="lastName"><br>
</fieldset><br>
<inputtype="submit"value="Send">

4/7

PersonalInformation
Firstname?
Lastname?

FavouriteThings
Favouritecartoon?

Favouritepizza?

Send
5/7

AN EXAMPLE USING OTHER ELEMENTS


<div>

</div>

<fieldset>

<legend>DefeatedEnemies</legend>

IceCreamMan<br>

SuperScaryMonster<br>
</fieldset><br>
<fieldset>

<legend>Friends</legend>

Flowerlady<br>

AmazonAnt57<br>
</fieldset><br>

6/7

DefeatedEnemies
IceCreamMan
SuperScaryMonster
Friends
Flowerlady
AmazonAnt57

7/7

You might also like