HTML Attributes Complete Reference
HTML attributes: HTML attributes are the special words placed inside the opening tags and used to define the characteristics of an HTML element. The HTML attributes contain two parts, attribute name, and its value. The attribute pairs (attribute_name, attribute_value) are separated using equal (=) operator. The attribute value is closed inside double quotes (” “).
The complete list of HTML attributes are given below:
Example: This example shows the basic use of HTML attributes.
HTML
<!DOCTYPE html><html><body> <center> <h1 style="color:green;font-style:italic;"> GeeksForGeeks </h1> <h2 style="color:green;font-style:italic;"> maxlength attribute </h2> <form action=""> Username: <input type="text" name="username" maxlength="12"> <br> <br> Password: <input type="text" name="password" maxlength="10"> <br> <br> <input type="submit" value="Submit"> </form> </center></body></html> |
Output:
HTML Attributes: The complete list of HTML attributes are given below. is used to set visible border width to most HTML elements within the body.
|
Attributes: |
Description |
Example |
|---|---|---|
| accept | This attribute can be used with <input> element only. | |
| accept-charset | Define character encoding and is used for form submission. | |
| accesskey | The keyboard shortcuts to activate/focus specific elements. | |
| action | Specify where the form data is to be sent to the server after submission of the form. | |
| align | Specify the alignment of text content of The Element. | |
| alt | Show or display something if the primary attribute | |
| async | Only works for external scripts (and used only in when src attribute is present ). | |
| autocomplete | Specify whether the input field has autocompleted would be on or off. | |
| autoplay | The audio/video should automatically start playing when web page is loaded. | |
| autofocus | The element should get focused when the page loads. It is a boolean attribute. | |
| bgcolor | Set the background color of an HTML element. | |
| border | Set visible border width to most HTML elements within the body. | |
| charset | Define character encoding. | |
| checked | Indicate whether an element should be checked when the page loads up. It is a Boolean attribute. | |
| cite | Specify the URL of the document that explains the quotes, message or text which describes why the text was inserted. | |
| Class | Specifies one or more class names for an HTML element. | |
| cols | The number of columns a cell should span. | |
| colspan | HTML specifies the number of columns a cell should span. | |
| content | The values that are related to the http-equiv or name attribute. | |
| contenteditable | Specify whether the content present in the element is editable or not. | |
| controls | It is a Boolean attribute and also new in HTML5 | |
| coords | Specify the coordinate of an area in an image-map | |
| data | Specify the URL of the Embedded file of the Object. | |
| data-* | Specific to HTML5 and you can use the data-* attribute on all HTML elements. | |
| datetime | Specify the date and time of the inserted and the deleted text. | |
| default | Specify that the track will be enabled if the user’s preferences do not indicate that another track would be more appropriate. | |
| defer | Executed when the page has finished parsing. | |
| dir | The text direction of the element content. | |
| dirname | Enable the text direction of the input and the Textarea Field after submitting the form. | |
| disabled | The disabled attribute in HTML indicates whether the element is disabled or not. | |
| download | Download the element when the user clicks on the hyperlink | |
| draggable | Specify whether an element is draggable or not. | |
| dropzone | Specify whether the dragged data is copied, moved, or linked when it is dropped on any element. | |
| enctype | That data will be present in the form and should be encoded when submitted to the server. | |
| for | For Attribute is used in both the <label> and the <output> element. | |
| form | That the element can contain one or more forms | |
| formaction | Specify where to send the data of the form. After submission of the form, the formaction attribute is called. | |
| headers | The HTML headers attribute specifies one or additional header cells a table cell is expounded to. | |
| height | height attribute is used to specify the height of the Element. | |
| hidden | The hidden attribute in HTML is used to define the visibility of elements. | |
| high | The range where the value of gauge is considered to be of high value. | |
| href | It is used to specify the URL of the document. | |
| hreflang | The language for a linked document. It is used only when the href attribute is set. | |
| http-equiv | Provide header information or value of the content Attribute. | |
| Id | It is used by CSS and JavaScript to perform a certain task for a unique element. | |
| ismap | The HTML ismap attribute is a boolean attribute. | |
| kind | The kind of track. This attribute is only used in <Track> element. | |
| label | The title of the Text Track is used by the browser when listing available text tracks. | |
| lang | Specify the language of the element content. | |
| list | List of pre-defined options for an <input> element to suggest the user. | |
| loop | Restart the audio and video again and again after finishing it. It contains the Boolean value. | |
| low | The range where the value of gauge is considered to be low. | |
| max | Specifies the maximum value of an element. | |
| maxlength | The maximum number of characters in the <input> element. Its default value is 524288. | |
| media | Specify the media or device the coupled document is optimized for. | |
| method | The HTTP method is used to send data while submitting the form. | |
| min | Specify the lower bound of the gauge. | |
| multiple | Allowed to select more than one value that is present in an element. | |
| muted | The audio output of the video is muted, it is a Boolean attribute. | |
| name | Specify a name for the element. | |
| novalidate | That the form-data should not be validated when submitting the form. | |
| onblur | That moment when the element loses focus. | |
| oncopy | The user copied the content present in an element. | |
| oncut | The user cut or delete the content that has been present in the element. | |
| onkeypress | when a user presses a key on the Keyboard. | |
| onmousedown | Order of events occurs related to the onmousedown event. | |
| onscroll | This onscroll attribute works when an element scrollbar is being scrolled. | |
| optimum | The optimum attribute in HTML indicates the optimal numeric value for the gauge. | |
| pattern | Specifies a short hint that describes the expected value of an input field/text area. | |
| placeholder | Specifies a short hint that describes the expected value of an input field/text area. | |
| readonly | Specify that the text written in input or text area Element is read-only. | |
| required | Specify that the input element must be filled out before submitting the Form. | |
| reversed | Ordered the list in Descending Order(9, 8, 7, 6 …..) instead of ascending order(1, 2, 3 ….) | |
| rows | The number of visible text lines for the control i.e the number of rows to display. | |
| rowspan | The number of rows a cell should span. | |
| selected | Specify which option should be by default selected when the page loads. | |
| size | Specify the initial width for the input field and a number of visible rows for the select element. | |
| spellcheck | Applied to HTML forms using the spellcheck attribute. | |
| srclang | Specify the language of the track text. | |
| start | The start value for numbering the individual list item. | |
| step | Set the discrete step size of the <input> element. | |
| style | There are 3 ways of implementing style in HTML. | |
| tabindex | When the tab button is used for navigating. | |
| target | Specify where to open the linked document. | |
| title | Specify extra information about the element. | |
| translate | Specify whether the content of an element is translated or not. | |
| value | Specify the value of the element with which it is used. | |
| wrap | Specify in which manner the text is to be wrapped in a text area when a form is submitted. |
Please Login to comment...