3.   Just another way to collect pieces together (like div, section)  Anything can be in there  Formatting just like all other elements  Always name forms

4.  But we’d also like to let users give us information  Request input  Lots of types  Use name to identify the element

5. Label: Reference value through CONTEXT: form-name.field-name.value

6.  Note that the first 2 parts of this are just normal selector notation (like you use in css)  The.value is to be used exactly and says to use that tag’s value  (Note this is only the first and simplest way to access information)

7.  Always put onclick first in either case  Generally, use input in form, button outside  Button tag  Always set attribute type › button: general purpose › reset: clear all fields in the form

9. Label: No formatting, but accessibility gains

10. Label: Sets default value, but can be changed

11. Label: Gives text but never passed as value

13. button checkbox color date datetime datetime-local email file image month number password radio range reset search tel text time url week

14.  Nice new option  Drop-down list  Supports autocomplete  Supported on most browsers › NOT Safari  No type= › List= matches up to datalist id

15. Internet Explorer Firefox Chrome Opera Safari

17.  tag[attribute=“value’] › Formatting only applies to tages with that attribute value  Tag.classname is same as Tag[class=“classname”]  Other options (rarely used) › tag[attribute]: if the attribute is used › Not › Begins with › Ends with … › w3schools w3schools