HTML input elements are form elements such as text fields, checkboxes, and buttons. The name comes from the <input> tag, which is the mark-up that identifies web form components. The <input> tag relies upon a few attributes to classify and name each form item.

The type attribute determines what kind of input element to render to the screen. Options here include:

• • information item

  • text, checkbox, radio, password,

  • control item

  • button, submit, reset, and hidden form elements.

Each has its own unique functionality and customizable presentation.

html - web forms: value attribute

The value attribute plays a different role depending on the type of the input field. For example, when used with an HTML button, the value attribute defines the text inside of the button. When used with a text field, the value attribute populates the field with a default value.

HTML Input Elements:

Check Me:

Name:

Yes: No:

html - web forms: name and id attributes

Setting the name and id attributes inside of form elements is a good habit. The element name and/or id will later serve as the link between your HTML form and any server-side script that you may deploy later on to process that data. Perhaps the best approach is to use both attributes in your code, since varying scripting languages demand one identifying attribute over the other.

HTML Input Elements: