Career path

Front-End Engineer

Back to the list

Improved Styling with CSS

1.Build Your Own
Cheat Sheet

Overview

This project is slightly different than others you have encountered thus far on Codecademy. Instead of a step-by-step tutorial, this project contains a series of open-ended requirements which describe the project you’ll be building. There are many possible ways to correctly fulfill all of these requirements, and you should expect to use the internet, Codecademy, and other resources when you encounter a problem that you cannot easily solve.

Project Goals

In this project, you’ll be building your own reference cheat sheet to help you build more websites in the future! Although there are great places to learn HTML & CSS like Codecademy, the best reference for yourself is often your own notes and projects.

HTML Form Cheat Sheet

The purpose of a <form> is to allow users to input information and send it.

HTML Form attributes

Attributes

Name

Description

<form action="">

Action

Determines where the form’s information goes.

<form method="">

Method

Determines how the information is sent and processed.

HTML Form elements

Tag

Name

Description

<input>

Input

Used to create interactive controls for web-based forms in order to accept data from the user

<select>

Select

Represents a control that provides a menu of <options>.

<datalist>

Datalist

Contains a set of <option> elements that represent the permissible or recommended options available to choose from within other controls.

<option>

Option

Used to define an item contained in <select> and <datalist>

<textarea>

Text area

Represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.