Entry Post

Entry Module
Entry
Main Post Title

Basic HTML Markup Structure of a Form

Post Header Aside
Comments Actions Snippet
Comments Population
Comment Creation

Post Content

Level 3: Componentize




Form Name











See the Pen HopScotch 3: Form Template by Brian Dys Sahagun (@BrianSahagun) on CodePen.
1820

Level 2: Class Names

<form class="form">
<fieldset> <legend>Form Name</legend> <label>Field Label</label> <input class="input"> <button class="button">Button Label</button></fieldset>
</form>

Level 1: HTML Tags

<form>
<fieldset> <legend>Form Name</legend> <label>Field Label</label> <input> <button</button></fieldset>
</form>

Level 0: Content Structure

Form Name
Field Label
Field
Button Label
Comment Module
Comments
Comments
Comments Actions Snippet
Comments Population
Comment Creation

There are no comments.

Comment Creation
Compose Comment