Code 301: Class 13 - Sending Form Data

---

Read: Sending Form Data

• Forms
  • action Defines where the data gets sent
  • method Defines how the data is sent
    • GET Method used by browser to ask server to send back a specific resource
    • POST Method browser uses to talk to the server when asking server to perform an action on the data sent by the client
• Never use GET method to transfer a password
• Use POST for large amounts of data
• To send file:
  • Set method to POST
  • Set value of enctype to multipart/form-data
  • Include on eor more <input type="file'> to allows user to select the files to be uploaded
• Always escape potentially dangerous characters when gathering form data

Reference: HTML5 Forms

• <button></button> Defines a clickable button
• <fieldset></fieldset> Defines a group of controls within a form
• <form></form> Defines an interactive form with controls
• <input></input> Defines an interactive control within a web form
• <legend></legend> Defines a caption for a parent’s content
• <textarea></textarea> Defines a multi-line text control within a web form

Watch: Styling HTML5 Forms

• This video series is a quick walk through of using html and css to style an input form.

---

Return to reading-notes Deployed Site

Return to reading-notes Mark Down