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".
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.<INPUT TYPE="button" NAME="buttonName" VALUE="buttonText" ONCLICK="JScode">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.INPUT TYPE="CHECKBOX"A checkbox is a toggle that the user can select (switch on) or deselect (switch off.)
<INPUT TYPE="checkbox" CHECKED NAME="name" ONCLICK="JScode" VALUE="checkboxValue" >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.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.
<INPUT TYPE="file" NAME="name" VALUE="filename">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.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.
<INPUT TYPE="hidden" NAME="name" VALUE="value">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.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.
<INPUT TYPE="image" ALIGN="left|right|top|absmiddle|absbottom|texttop|middle|baseline|bottom" NAME="name" SRC="location">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.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.
<INPUT TYPE="password" MAXLENGTH="maxChar" NAME="name" ONSELECT="JScode" SIZE="charLength" VALUE="textValue">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.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.<INPUT TYPE="radio" CHECKED NAME="name" ONCLICK="JScode" VALUE="buttonValue">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.INPUT TYPE="RESET"When a user presses a reset button, all elements in the form are reset to their default values.
<INPUT TYPE="reset" NAME="name" ONCLICK="JScode" VALUE="label">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.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.<INPUT TYPE="submit" NAME="name" VALUE="label">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.INPUT TYPE="TEXT"A text element is a single line text input field in which the user can enter text.
<INPUT TYPE="text" MAXLENGTH="maxChars" NAME="name" ONBLUR="JScode" ONCHANGE="JScode" ONFOCUS="JScode" ONSELECT="JScode" SIZE="lengthChars" VALUE="text">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.