Tag: html

HTML <input> value Attribute

Example An HTML form with initial (default) values: <form action=”/action_page.php”> First name: <input type=”text” name=”fname” value=”John”><br> Last name: <input type=”text” name=”lname” value=”Doe”><br> <input type=”submit” value=”Submit form”> </form> Try it Yourself » Definition and Usage The value attribute specifies the value of an <input> element. The value attribute is used differently for different input types: For “button”, “reset”, and “submit” – it defines the text on the […]

HTML <input> width Attribute

Example Define an image as the submit button, with height and width attributes: <form action=”/action_page.php”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <input type=”image” src=”img_submit.gif” alt=”Submit” width=”48″ height=”48″> </form> Try it Yourself » Definition and Usage The width attribute specifies the width of the <input> element. Note: The width attribute is used only with <input type=”image”>. Tip: Always specify both the height and width attributes for […]

HTML <input> max Attribute

Example Use of the min and max attributes: <form action=”/action_page.php”> Enter a date before 1980-01-01: <input type=”date” name=”bday” max=”1979-12-31″> Enter a date after 2000-01-01: <input type=”date” name=”bday” min=”2000-01-02″> Quantity (between 1 and 5): <input type=”number” name=”quantity” min=”1″ max=”5″> <input type=”submit”> </form> Try it Yourself » Definition and Usage The max attribute specifies the maximum value for an <input> element. Tip: Use the max attribute together with the min attribute to […]

HTML <input> min Attribute

Example Use of the min and max attributes: <form action=”/action_page.php”> Enter a date before 1980-01-01: <input type=”date” name=”bday” max=”1979-12-31″> Enter a date after 2000-01-01: <input type=”date” name=”bday” min=”2000-01-02″> Quantity (between 1 and 5): <input type=”number” name=”quantity” min=”1″ max=”5″> <input type=”submit”> </form> Try it Yourself » Definition and Usage The min attribute specifies the minimum value for an <input> element. Tip: Use the min attribute together with the max attribute to […]

HTML <input> list Attribute

Example An <input> element with pre-defined values in a <datalist>: <input list=”browsers”> <datalist id=”browsers”> <option value=”Internet Explorer”> <option value=”Firefox”> <option value=”Google Chrome”> <option value=”Opera”> <option value=”Safari”> </datalist> Try it Yourself » Definition and Usage The list attribute refers to a <datalist> element that contains pre-defined options for an <input> element. Browser Support The numbers in the table specify the first browser version that fully […]

HTML <input> height Attribute

Example Define an image as the submit button, with height and width attributes: <form action=”/action_page.php”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <input type=”image” src=”img_submit.gif” alt=”Submit” width=”48″ height=”48″> </form> Try it Yourself » Definition and Usage The height attribute specifies the height of the <input> element. Note: The height attribute is used only with <input type=”image”>. Tip: Always specify both the height and width attributes for […]

HTML <input> formtarget Attribute

Example A form with two submit buttons, with different target windows: <form action=”/action_page.php”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <input type=”submit” value=”Submit as normal”> <input type=”submit” formtarget=”_blank” value=”Submit to a new window”> </form> Try it Yourself » Definition and Usage The formtarget attribute specifies a name or a keyword that indicates where to display the response that is received after submitting the form. […]

HTML <input> formnovalidate Attribute

Example A form with two submit buttons (with and without validation): <form action=”/action_page.php”> E-mail: <input type=”email” name=”userid”><br> <input type=”submit” value=”Submit”><br> <input type=”submit” formnovalidate=”formnovalidate” value=”Submit without validation”> </form> Try it Yourself » Definition and Usage The novalidate attribute is a boolean attribute. When present, it specifies that the <input> element should not be validated when submitted. The formnovalidate attribute overrides the novalidate attribute of the <form> element. […]

HTML <input> formmethod Attribute

Example The second submit button overrides the HTTP method of the form: <form action=”/action_page.php” method=”get”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <input type=”submit” value=”Submit”> <input type=”submit” formmethod=”post” value=”Submit using POST”> </form> Try it Yourself » Definition and Usage The formmethod attribute defines the HTTP method for sending form-data to the action URL. The formmethod attribute overrides the method attribute of the <form> element. Note: The formmethod attribute […]

HTML <input> formenctype Attribute

Example Send form-data that is default encoded (the first submit button), and encoded as “multipart/form-data” (the second submit button): <form action=”/action_page_binary.asp” method=”post”> First name: <input type=”text” name=”fname”><br> <input type=”submit” value=”Submit”> <input type=”submit” formenctype=”multipart/form-data” value=”Submit as Multipart/form-data”> </form> Try it Yourself » Definition and Usage The formenctype attribute specifies how the form-data should be encoded when submitting it to the server (only for forms with method=”post”) […]

HTML <input> formaction Attribute

Example An HTML form with two submit buttons, with different actions: <form action=”/action_page.php”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <input type=”submit” value=”Submit”><br> <input type=”submit” formaction=”/action_page2.php” value=”Submit to another page”> </form> Try it Yourself » Definition and Usage The formaction attribute specifies the URL of the file that will process the input control when the form is submitted. The formaction attribute overrides the action attribute of […]

HTML <input> form Attribute

Example An input field located outside the HTML form (but still a part of the form): <form action=”/action_page.php” id=”form1″> First name: <input type=”text” name=”fname”><br> <input type=”submit” value=”Submit”> </form>Last name: <input type=”text” name=”lname” form=”form1″> Try it Yourself » Definition and Usage The form attribute specifies one or more forms the <input> element belongs to. Browser Support The numbers in the table specify the first browser version that […]

HTML <input> disabled Attribute

Example An HTML form with a disabled input field: <form action=”/action_page.php”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname” disabled><br> <input type=”submit” value=”Submit”> </form> Try it Yourself » Definition and Usage The disabled attribute is a boolean attribute. When present, it specifies that the <input> element should be disabled. A disabled input element is unusable and un-clickable. The disabled attribute can be set […]

HTML <input> dirname Attribute

Example An HTML form where the field’s text direction will be submitted: <form action=”/action_page.php”> First name: <input type=”text” name=”fname” dirname=”fname.dir”> <input type=”submit” value=”Submit”> </form> Try it Yourself » Definition and Usage The dirname attribute enables the submission of the text direction of the input field The dirname attribute’s value is always the name of the input field, followed by “.dir”. Browser Support […]

HTML <input> checked Attribute

Example An HTML form with a pre-selected checkbox: <form action=”/action_page.php”> <input type=”checkbox” name=”vehicle” value=”Bike”> I have a bike<br> <input type=”checkbox” name=”vehicle” value=”Car” checked> I have a car<br> <input type=”submit” value=”Submit”> </form> Try it Yourself » Definition and Usage The checked attribute is a boolean attribute. When present, it specifies that an <input> element should be pre-selected (checked) when the page loads. The checked attribute can be used […]

HTML <input> autofocus Attribute

Example Let the “First name” input field automatically get focus when the page loads: <form action=”/action_page.php”> First name: <input type=”text” name=”fname” autofocus><br> Last name: <input type=”text” name=”lname”><br> <input type=”submit”> </form> Try it Yourself » Definition and Usage The autofocus attribute is a boolean attribute. When present, it specifies that an <input> element should automatically get focus when the page loads. Browser Support The numbers […]

HTML <input> autocomplete Attribute

Example An HTML form with autocomplete on (and off for one input field): <form action=”/action_page.php” autocomplete=”on”> First name:<input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> E-mail: <input type=”email” name=”email” autocomplete=”off”><br> <input type=”submit”> </form> Try it Yourself » Definition and Usage The autocomplete attribute specifies whether or not an input field should have autocomplete enabled. Autocomplete allows the browser to predict the value. When a user starts to […]

HTML <input> alt Attribute

Example An HTML form with an image that represents the submit button: <form action=”/action_page.php”> First name: <input type=”text” name=”fname”><br> <input type=”image” src=”submit.gif” alt=”Submit” width=”48″ height=”48″> </form> Try it Yourself » Definition and Usage The alt attribute provides an alternate text for the user, if he/she for some reason cannot view the image (because of slow connection, an error in the src attribute, or if […]

HTML <input> align Attribute

Example An HTML form with an image as a submit button. The submit button is aligned to the right: <form action=”/action_page.php”> First name: <input type=”text” name=”fname”><br> <input type=”image” src=”submit.gif” alt=”Submit” align=”right” width=”48″height=”48″> </form> Try it Yourself » Definition and Usage The align attribute is only used with <input type=”image”> and it specifies the alignment of the image input according to surrounding elements. Browser Support […]

HTML <img> border Attribute

Example An image with a 5 pixels thick border: <img src=”smiley.gif” alt=”Smiley face” border=”5″> Try it Yourself » Definition and Usage The border attribute specifies the width of the border around an image. Note: An image has no border by default. Browser Support Attribute border Yes Yes Yes Yes Yes The border attribute is deprecated, but still supported in […]