<input>

Description:

This tag is used to get data from your visitors.

Attributes:

accesskey="char"

Sets the access key to the character. This allows key sequences to be pressed by a user to proceed directly to certain fields. On Windows, keys are proceeded by ALT and on Macintosh by CMD.

alt="text"

Defines text to be displayed (a) while image is loading, and (b) if image cannot be loaded.

checked

For radio or checkbox, indicates which field is set to on by default.

disabled

Disables input for the field.

maxlength="value"

Maximum length of the input.

name="name"

The name of the field. Valid names are typically defined by the routine specified in the ACTION attribute of <FORM>.

onblur=JavaScript

Javascript routine to be executed if the field losses the focus (is the field receiving input at the current time).

onchange=JavaScript

Javascript routine to be executed if the field changes.

onfocus=JavaScript

Javascript routine to be executed if the field gets the focus (is the field receiving input at the current time).

onselect=JavaScript

Javascript routine to be executed if some text or element is selected. Very useful for <TEXTAREA>.

readonly

Indicates the field may not be modified by the user.

size="value"

Indicates the size of the field. For text and password this is characters, otherwise it is pixels.

src="url"

For the type "image", this specifies the name of the graphics image to be used on the submit button.

tabindex="n"

Specifies the tabbing sequence of the field. Used to indicate how the tab will move between fields.

type="widget"

The type of input that is designed. Widget can have one of the following values:

TEXT	Get some text.
PASSWORD	Get some text, but echo asterisks.
CHECKBOX	Display a checkbox, and return true or false.
RADIO	Display a radio button
SUBMIT	For the submission buttom
RESET	Reset all fields on the form to default values
FILE	Get a file specification.
HIDDEN	Get a text field, but do not prompt user. Field does not show on screen. Used to pass information to form routine.
IMAGE
BUTTON	Display a button.

value="value"

Indicates the initial value of the field. This is optional except when TYPE is "radio" or "checkbox".

Examples:

<form method="post" action="simple-form.cgi">
      <h2>Pop Quiz:</h2>
      What is thy name: <input name="name" size="20">
      <p>What is thy quest: <input name="quest" size="20">
      <p>What is the weight of a swallow: <input type="radio" 
      name="swallow" value="african" checked>
      African Swallow or <input type="radio" name="swallow" 
      value="continental">
      Continental Swallow
      <p>Press <input type="submit" value="here"> to submit 
      your query.</p>
    </form>

This simple form shows the several different types of <INPUT> fields.

Pop Quiz:

What is thy name:

What is thy quest:

What is the weight of a swallow: African Swallow or Continental Swallow

Press to submit your query.

Connect with me

Florish and prosper: Check out The Way To Happiness today

W3CHTML 5.0 W3C CSS