Html4newbies
Put your hands into html and php
Home
Privacy
About
Contact

Hosting Links
Hosting
Free Php Snippets
Php Snippets 1
Php Snippets 2
Html Tag Input Variables


INPUT - input element of a form

Description :

The INPUT tag defines a form element that can receive user input. The TYPE attribute determines the specific sort of form element to be created. TYPE can be one of the following:
BUTTON places a button on an HTML form. Use JavaScript code to make the button perform an action you define. See INPUT TYPE="BUTTON".
CHECKBOX places a toggle switch on an HTML form, letting the user set a value on or off. See INPUT TYPE="CHECKBOX".
FILE places an element on an HTML form letting the user supply a file as input. When the form is submitted, the content of the specified file is sent to the server along with the other form data. See INPUT TYPE="FILE".
HIDDEN specifies an invisible text element. A hidden element is used for passing information to the server when a form is submitted. See INPUT TYPE="HIDDEN".
IMAGE places an image, serving as a custom button, on an HTML form. When a user clicks an image element, the form is submitted to the server. See INPUT TYPE="IMAGE".
PASSWORD places a text input field on an HTML form. Each character typed in the field is displayed as a character such as * or a black dot to conceal the actual value. See INPUT TYPE="PASSWORD".
RADIO places a radio button on an HTML form. Radio buttons can be grouped into sets, and only one button per set can be selected at a time. See INPUT TYPE="RADIO".
RESET places a reset button on an HTML form. When a user clicks a reset button, all elements in the form are reset to their default values. See INPUT TYPE="RESET".
SUBMIT places a submit button on an HTML form. When a user presses a submit button, the form is submitted. See INPUT TYPE="SUBMIT".
TEXT places a single line text input field on an HTML form. A text field lets the user enter text. See INPUT TYPE="TEXT".



Description

INPUT TYPE="BUTTON"
A button apears in the form. You must specify JavaScript code as the value of the ONCLICK attribute to determine what happens when the user clicks the button.

Syntax

<INPUT TYPE="button" NAME="buttonName" VALUE="buttonText" ONCLICK="JScode">

Attributes

NAME specifies the name of the button. The name does not appear in the form.
VALUE specifies the text to be displayed in the button.
ONCLICK specifies JavaScript code to execute when a user clicks the button.


--------------------------------------------------------------------------------

Top of page

Description :

INPUT TYPE="CHECKBOX"
A checkbox is a toggle that the user can select (switch on) or deselect (switch off.)

Syntax

<INPUT TYPE="checkbox" CHECKED NAME="name" ONCLICK="JScode" VALUE="checkboxValue" >

Attributes

CHECKED specifies that the checkbox is displayed with a tick mark to indicate that it is selected.
NAME specifies the name of the input element. This value is the name portion of the name/value pair for this element that is sent to the server when the form is submitted. The name is not displayed on the form.
ONCLICK specifies JavaScript code to execute when a user clicks the checkbox.
VALUE specifies the value to be returned to the server if the checkbox is selected when the form is submitted. The default value is ON, but you can specify a different value if you want. When the form is submitted, only the name/value pairs for selected checkboxes are sent to the invoked CGI program.


--------------------------------------------------------------------------------

Top of page

Description :

INPUT TYPE="FILE"
This places an element on an HTML form that lets the user supply a file as input. When the form is submitted, the content of the specified file is sent to the server as the value portion of the name/value pair for this input element.

Syntax

<INPUT TYPE="file" NAME="name" VALUE="filename">

Attributes

NAME specifies the name of the input element. This value is used as the name portion of the name/value pair for this element that is sent to the server when the form is submitted. The name is not displayed on the form.
VALUE specifies the initial value of the input element.


--------------------------------------------------------------------------------

Top of page

Description :

INPUT TYPE="HIDDEN"
A hidden input element is an invisible element whose main purpose is to contain data that the user does not enter. This data gets sent to the invoked CGI program when the form is submitted. This tag provides a mechanism for delivering a value to theCGI program without the user having entered it, but note that it is not very hidden because the user can discover it by viewing the document source.

Syntax

<INPUT TYPE="hidden" NAME="name" VALUE="value">

Attributes

NAME specifies the name of the input element. This value is used as the name portion of the name/value pair for this element that is sent to the server when the form is submitted. The name is not displayed on the form.
VALUE specifies the initial value of the input element.


--------------------------------------------------------------------------------

Top of page

Description :

INPUT TYPE="IMAGE"
This places an image, serving as a custom button, on an HTML form. When a user clicks the image, the form is submitted to the server.

Syntax

<INPUT TYPE="image" ALIGN="left|right|top|absmiddle|absbottom|texttop|middle|baseline|bottom" NAME="name" SRC="location">

Attributes

ALIGN see alignment page.
NAME specifies the name of the input element. This value is used as the name portion of the name/value pair for this element that is sent to the invoked CGI program when the form is submitted. The name is not displayed on the form.
SRC specifies the URL of the image to be displayed in the document.


--------------------------------------------------------------------------------

Top of page

Description :

INPUT TYPE="PASSWORD"
A password element is a text input field in which each character typed is displayed as a character such as * or a black dot to conceal the actual value.

Syntax

<INPUT TYPE="password" MAXLENGTH="maxChar" NAME="name" ONSELECT="JScode" SIZE="charLength" VALUE="textValue">

Attributes

MAXLENGTH specifies the maximum number of characters a password box can accept.
NAME specifies the name of the input element. This value is used as the name portion of thename/value pair for this element that is sent to the server when the form is submitted. The name is not displayed on the form.
ONSELECT specifies JavaScript code to execute when a user selects some of the text in the text element.
SIZE specifies the length of the input field, in characters. The value should be an integer.
VALUE specifies the initial value of the password, if any.


--------------------------------------------------------------------------------

Top of page

Description :

INPUT TYPE="RADIO"
A radio element is a radio button. A set of radio buttons consists of multiple radio buttons that all have the same NAME attribute. Only one radio button in the set can be selected at one time. When the user selects a button in the set, all other buttons in the set are deselected. If one radio button in a set has the CHECKED attribute, that one is selected when the set is first laid out on the window.

Syntax

<INPUT TYPE="radio" CHECKED NAME="name" ONCLICK="JScode" VALUE="buttonValue">

Attributes

CHECKED indicates that the radio button is selected.
NAME specifies the name of the input element. This value is used as the name portion of the name/value pair for this element that is sent to the invoked CGI program when the form is submitted. The name is not displayed on the form. All radio buttons that have the same name constitute a radio group; only one radio button of a group can be set at one time.
ONCLICK specifies JavaScript code to execute when a user clicks the radio button.
VALUE specifies the value that is returned to the server when the radio button is selected and the form is submitted. Only name/value pairs for radio buttons that are selected are sent to the invoked CGI program. The value defaults to ON.


--------------------------------------------------------------------------------

Top of page

Description :

INPUT TYPE="RESET"
When a user presses a reset button, all elements in the form are reset to their default values.

Syntax

<INPUT TYPE="reset" NAME="name" ONCLICK="JScode" VALUE="label">

Attributes

NAME specifies the name of the input element.
ONCLICK specifies JavaScript code to execute when a user clicks the button.
VALUE specifies the text to display on the reset button.


--------------------------------------------------------------------------------

Top of page

Description :

INPUT TYPE="SUBMIT" When a user clicks a submit button, the form is submitted, which means that the ACTION specified for the form is invoked.

Syntax

<INPUT TYPE="submit" NAME="name" VALUE="label">

Attributes

NAME specifies the name of the input element. The name is not displayed on the form.
VALUE specifies the text to display on the submit button.


--------------------------------------------------------------------------------

Top of page

Description :

INPUT TYPE="TEXT"
A text element is a single line text input field in which the user can enter text.

Syntax

<INPUT TYPE="text" MAXLENGTH="maxChars" NAME="name" ONBLUR="JScode" ONCHANGE="JScode" ONFOCUS="JScode" ONSELECT="JScode" SIZE="lengthChars" VALUE="text">

Attributes

MAXLENGTH specifies the maximum number of characters a text box can accept.
NAME specifies the name of the input element. This value is used as the name portion of the name/value pair for this element that is sent to the invoked CGI program when the form is submitted. The name is not displayed on the form.
ONBLUR specifies JavaScript code to execute when the text element loses keyboard focus.
ONCHANGE specifies JavaScript code to execute when the text element loses focus and its value has been modified.
ONFOCUS specifies JavaScript code to execute when a user clicks the text element.
ONSELECT specifies JavaScript code to execute when a user selects some of the text in the text element.
SIZE specifies the length of the input field, in characters.
VALUE specifies the initial value of the text element.
Copyright © 2002-2017 Html4newbies - HarlandScripts.com NetWork