Reference Cheat Sheet HTML & CSS

Form Tags

Tag Name Description
<form> Form Create a skeleton for a form
<input> Input Create a input field in our form
<select> Select Element that is used to create a drop-down list
<option> Option Tag inside the <select> element define the available options in the list
<label> Label Name a label to indentify the input
<textarea> Textarea Create a bigger text area for user input

<form> Attributes

Attribute Description
action="url" Send information to this url
method="***" Method of form: get, post

<input> Form Element

Attribute Description
type="***" Input Field Type: text, password, checkbox, submit, etc.
name="***" Form Field Name (for form processing script)
value="***" Value of Input Field (i.e. in checkbox)
size="***" Field size
maxlength="?" Maximum Length of Input Field Data
id="***" Assign the for attribute of the <label> element with the value of the id attribute of <input>

<select> Form Element

Attribute Description
name="***" Drop Down Combo-Box Name (for form processing script)
id="***" Assign the for attribute of the <label> element with the value of the id attribute of <select>

<option> Form Element

Attribute Description
value="***" Option Value

<label> Form Element

Attribute Description
for="***" The for attribute specifies which form element a label is bound to

<textarea> Form Element

Attribute Description
name="***" Text Area Name (for form processing script)
rows="***" Number of rows of text shown
cols="***" Number of columns (characters per rows)
id="***" Assign the for attribute of the <label> element with the value of the id attribute of <textarea>