Reading-Notes

My journal for Code Fellows

Project maintained by RogerMReyes Hosted on GitHub Pages — Theme by mattgraham

Forms and JS Events

A form works by the user filling in information and pressing a button to send it to the server
Several different form controls determine what inputs go to which elements
<form> is the tag for forms
- Every form tag will have an action attribute which is the URL to the server for the information
<input> is used for form controls
An input attribute password will act as a text input and be hidden with stars
<textarea> will create a multi line text box
A radio attribute will allow an option choice of a single item
A checkout Attribute will allow on option check of multiple items
<select> will create a dropdown select box
A file attribute will have a browse button for the user to upload a file from their computer
The submit attribute will send a form to the server
image attribute will change the submit button to an image
<fieldset> can be used to group similar form controls

list-style-type allows for styling of lists
list-style-img will use an image as a bullet
list-style-position will position the marker either inside or outside the text box
empty shell borders can be hidden
border-spacing helps control space between cells
cursor property allows you to alter cursor depending on what effect you want

Events indicate to the browser when something has happened like a button input
There is a plethora of different event types such as mouse clicks or keyboard presses
To trigger JS code you can select elements you want to be effected and what event calls the code
event listeners are attached to elements and define the function they;ll run
Event Bubbling - event starts at the most specific node and flows outward
Event Capturing - event starts at the least specific node and flows inward