MY CHEAT SHEET

HTML FORM TAG
TAG DESCRIPTION ATTRIBUTED DESCRIPTION
<form></form> Defines an HTML form for user input. action Specifies where to send the form-data when the form is submitted.
method Defines the HTTP method to use when sending form-data.
<input> Defines an input control. type Specifies the data that input accepts and how the browser display such as text, password, email, etc.
name Defines the name of the input control which will display while the input space is empty.
value Defines the default value of the input control which will display when the data is submitted.
placeholder Defines a short hint that describes the expected value of the input control.
required Specifies that the input field must be filled out before submitting the form.
pattern Specifies the pattern of the data such as [0-9](Only number 0-9).
id Connect the input space with the label attribute.
<label></label> Defines a label for an input element. for Specifies which input element the label is bound to by connect with id attribute of input tag.
class Specifies the class of the label element which can be used for styling.
<button></button> Defines a clickable button. type Specifies the type of button such as submit, reset, or button.
value The letters which display on the button.
<select></select> Defines a drop-down list. name Defines the name of the select control which will display while the input space is empty.
multiple Specifies that multiple options can be selected at once.
size Specifies the number of visible options in the drop-down list.
<option></option> Defines an option in a drop-down list. value Defines the value to be sent to the server when the form is submitted.
selected Specifies that the option should be pre-selected when the page loads.
disabled Specifies that the option should be disabled and not selectable.
<datalist></datalist> Specifies a list of pre-defined options for an input element and use with option tag similar to select tag. id Connect the datalist with the input tag by using the list attribute.
class Specifies the class of the datalist element which can be used for styling.
<textarea></textarea> Defines a multi-line text input control. name Defines the name of the textarea control which will display while the input space is empty.
rows Specifies the number of visible text lines in the textarea.
cols Specifies the visible width of the textarea in characters.