HyperText Markup Language/Tag List/input

From Wikibooks, open books for an open world
Jump to: navigation, search

Use[edit]

These input data from the user. They can be inputs such as text boxes or selection boxes.

Example[edit]

<input type="text" name="textinput" size="30"/>

Required attributes[edit]

type[edit]

Type tells the browser what type of input element this is. It can be one of the following:

  • "text": A one line text box.
  • "radio": Small circular choice buttons.
  • "checkbox": A small square choice button.
  • "password": A password box. For security, it shows all characters as "*".
  • "hidden": Hidden text in a web page.
  • "file": Presents a text box for entering the full name of a local file. Also has a "browse" button to select the file.
  • "submit": Submit button.
  • "image": Image Button.
  • "reset": A reset button.

Optional attributes[edit]

name[edit]

Names the attribute. When the form is sent off, the user would want to know what the information is.

size[edit]

The size of the text box. This is done in a percentage.

value[edit]

Use this when the type attribute has been set to radio. Tells the form what the value is when the box has been high lighted.

checked[edit]

Use this to define a value in the checkbox. Use with checkbox only.

Standard attributes[edit]

More info[edit]

A link to a page with more info, then the name of the site the info came from (i.e. W3Schools).