| <form> | action | Where to send your form inputs. Add destination url |
| method | tells the form what to do with that information once it’s sent. Uses HTTP verb such as "POST" and "PUT" |
<input> |
type |
Type of input such as: |
| text | a simple textbox |
| password | a textbox that hides the input values in *astericks |
| number | textbox that reads numbers with option to add on the step attribute |
| range | slider type with option to add min, max and step attribute |
| checkbox | a simple checkbox |
| radio | a simple radio button |
| submit | creates a submit button |
| id |
id of the table that matches with <label> or any other |
| name |
Description of the input value such as "username". When sent, it will be displayed as name=value |
| value |
Value of the input. If you want to pre-fill the input, define a value |
| step |
Amount that increases when you have a 'number' or 'range' input type. Set the value to "1" and arrows will increase or decrease the value in the input by 1 |
| list | when using <datalist> make sure the value matches datalist id |
| required | makes input required |
| min / max | sets the minimum or maximum for number type |
| minlength / maxlength | sets the minimum or maximum character length for text type |
| pattern | assign a regular expression(regex) e.g. pattern="[a-zA-Z0-9]+" requires input to include only numbers and latin characters. |
| <select> |
creates a dropdown selector. Pair it with <option value=""> to create the value for each selection |
| <datalist> |
Pair it with <input type="text" list=""> which value corresponds to <datalist> id. Add <option value=""> for each searchable value |
| <textarea> |
create a larger textbox defined by row="" and col="" attribute |