Topic Overview

Images in HTML Saving for Web The <img> Tag Source Alt Title Width and Height The <img> Element TODO

Tables in HTML The <table> Tags Rows Cells Headings The <table> Element TODO

Styling Borders Cell Padding TODO

Web Forms The <form> Tags Action Method ID and Class The <form> Element TODO

Asking for Input The <input> Tag Type Name ID The <input> Element TODO

Text Input Plain Text Password Text Area Maxlength Columns and Rows Placeholder Size Value Autofocus TODO

Selection Input Radio Buttons The Checkbox Element The Select Box (AKA Dropdown Select) TODO

Buttons The Upload Button The Submit Button The Image Button The Button Element TODO

Keeping Track Labels and IDs Fieldsets and Legends TODO

New in HTML5 Validation Date E-Mail Search Figure and Figcaption TODO

Autofocus

The autofocus attribute is used to set the “focus” of a browser to the specified form element after the page loads.

Refresh the page. See how the cursor is blinking inside the password input box? This means it is “focused,” and can take input right away.

HTML

<p>
  Password:
  <input type="password" name="password" id="test-password" autofocus />
</p>

Birth Year:

Net ID:

Password:

Comments or Concerns: Enter up to 500 characters...

NOTE: Unlike most attributes, there is no “value” to assign. Therefore the attribute it passed in alone.