Scribd
Upload
21 views7 pages

Element Grouping: Prof. David Rossiter

The document discusses how to group HTML elements such as form inputs and other elements using the <fieldset> and <legend> tags. It provides examples of grouping personal information fields and favorite things in a form using fieldsets and legends, as well as grouping defeated enemies and friends using fieldsets with legends as titles. The fieldset element allows grouping related elements together and the legend element provides a title for the fieldset.

Uploaded by

lieth-4
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
21 views7 pages

Element Grouping: Prof. David Rossiter

The document discusses how to group HTML elements such as form inputs and other elements using the <fieldset> and <legend> tags. It provides examples of grouping personal information fields and favorite things in a form using fieldsets and legends, as well as grouping defeated enemies and friends using fieldsets with legends as titles. The fieldset element allows grouping related elements together and the legend element provides a title for the fieldset.

Uploaded by

lieth-4
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 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