From Scratch Web Games: A Beginners Guide to Game Development using HTML, CSS, and JavaScript
Chapter 5.1: Cheat Sheet
One of the original reasons for using HTML was for having the user submit information back to the server in the form of forms. The use of JavaScript allows us to make use of these forms without having to send the information back to a server so even though we are not going to be covering server-side programming in this book, forms are still very useful.
The purpose of the cheat sheet is to give you a summary of the main aspects of HTML Forms and assumes that you are already familiar with the earlier HTML Basics chapter. If you are not sure if you should read through this chapter, take a look at the cheat sheet provided and if you fully understand what is in the cheat sheet then feel free to skim or skip this chapter. I urge those readers to attempt the project just to make sure they really do understand the material but that is up to you.
The cheat sheet is located here and is in my github repository located at https://github.com/BillySpelchan/FromScratchHTML_CSS_JS.
Chapter contents
Chapter 5 Contents
5.1 Forms Cheat Sheets
This chapter's summary cheat sheet.
5.2 The client-server model
How forms are traditionally used.
5.3 The Form tag
How to set up a form in HTML.
5.4 Inputting text
Getting text input from the user.
5.5 Specialized text formats
Making your input fields more specific and semantic.
5.6 Form cosmetics
Making forms look more like printed forms.
5.7 checkboxes & radio buttons
How to use Checkboxes and Radio buttons.
5.8 Numbers and Dates
Using numbers and dates gives your user better GUI controls.
5.9 special purpose input types
The reset, button, image, color, and file input types.
5.10 Option Select
The select element lets users select options from a drop-down list.
5.11 Data Lists
The datalist elements lets you create pull-down lists for input elements.
5.12 Output
Displaying values in a form.
5.13 dialog box concepts
Built in dialog boxes and pre-dialog tag handmade dialogs.
5.14 using dialog boxes
The <dialog> tag and using it to create dialog boxes.
5.15 Validating forms
Review of validating forms in HTML.
5.16 JavaScript Validation
How to use JavaScript to prevent invalid forms from being submitted.
5.17 Project: Trivia
Coming December 8th.
5.18 Trivia Project Solution
Coming December 15th.