HTML Forms

Objectives

  • Create a form in HTML using the  <form>  tag.
  • Use and overwrite default form behaviors.
    • actio   n ,  method , and event JS binding.
  • Use <label>    tags to add labels to form elements.
  • Use form input tags:
    • <input>    ,  <textarea>   ,  <button>
  • Use multiple types of the <input>   tag.
<form>
action
method
<label>
<input>
<textarea>
<button>
<input>
<form>
    <input type="text"/>
    <div>
        <button>Google Search</button>
        <button>I'm Feeling Lucky</button>
    </div>
</form>

On whiteboards

file:///Users/Tyler/GalvanizeProjects/g16/temp/html-forms/index.html?firstText=Tyler&secondText=someArbitraryValue&textArea1=This+is+what+I+wrote+personally!&preFilledTA=This+text+should+be+inside+a+text+area!&email=fake%40faking.it&date=12%2F12%2F2012&number=4&file=Screen+Shot+2015-11-04+at+9.39.13+AM.png

There are a lot of form types

name is, like, supes important

name

HTML forms

By Dize Hacioglu

HTML forms

  • 150