Submodule 9.1: Buttons - Forms

  • Buttons
  • Button Groups
  • Forms
  • Input groups

User Input

User input to a web page can be facilitated through three approaches:

  • <a> tags to provide hyperlinks
  • <button> tags to create buttons
  • <form> to create forms
    • <input> to create elements in forms

Buttons
  • Simple interaction
    • Clicking of the button
  • Button behavior dependent on where it is positioned:
    • Inside a form, it takes on a specific role
    • General purpose outside
  • <a> can also be styled using CSS to look like a button

Forms

Form elements:

  • <input>
    • type: text, password, submit, radio, checkbox, button, color, date, datetime, email, month, number, range, search, tel, time, url, week
  • <textarea>
  • <button>
  • <select>