Related Essays

  • HTML5: Hyper Text Market Up Language Analysis

    3.3 Technical Specifications HTML5 : Hyper Text Market Up Language is used to design a web page. HTML5 is the latest version in HTML5 which adds many new s...

  • Explain The Document Object Model

    The Document Object Model is basically a mapping layout model for the HTML. To put it more simply it takes the HTML and treats it kind of like a tree stru...

  • Internet Case Study

    It is an autonomous space where anyone with access to a computer can almost instantly receive and send data in forms such as text, audio and visual (Johnson,...

  • The Pros And Cons Of The Resource Description Framework

    The Web-based distributed element permits people to utilize a format or an arrangement of layouts affirmed by the association, and additionally wizards and...

  • Website Analysis

    As previously mentioned, plenty of civilians imagine that an abundance coding, such as HTML, CSS, and JavaScript, is needed to assemble a website. While that...

  • Case Analysis: Screen Shot Of Mr. Khalid's Hotel

    (Not http://www) and end URL with a full stop if it appears at the end of a sentence. In Word, documents should be 'active' (that is, the link opens in a we...

  • Digital Terminology

    To be able to use media terminology and grammar in a professional manner during a presentation or email to a client is vital, as any obvious mistake removes ...

  • Nt1330 Unit 5 Exercise 1

    Web server function by registering a web the user access by saving the URL requested (Zaiane, Xin, & Han, 1998). There are two ways the form can be passed to...

  • Nt1310 Unit 5 Research Paper

    The Hypertext Transfer Protocol (HTTP) is basic block of data communication for the World Wide Web (WWW). The logical links between the nodes, containing tex...

  • The Importance Of The World Wide Web

    The World Wide Web is fairly intricate. The World Wide Web was first invented in 1989 by Tim Berners-Lee, at first “he fashioned a kind of “hypertext” notebo...

  • Shuffle
    Toggle On
    Toggle Off
  • Alphabetize
    Toggle On
    Toggle Off
  • Front First
    Toggle On
    Toggle Off
  • Both Sides
    Toggle On
    Toggle Off
  • Read
    Toggle On
    Toggle Off
Reading...
Front

Card Range To Study

through

image

Play button

image

Play button

image

Progress

1/137

Click to flip

Use LEFT and RIGHT arrow keys to navigate between flashcards;

Use UP and DOWN arrow keys to flip the card;

H to show hint;

A reads text to speech;

137 Cards in this Set

  • Front
  • Back

Defines a comment

<!-- ... -->


i.e. <!--This is a comment. Comments are not displayed in the browser-->

Defines the document type

<!DOCTYPE>


i.e. <!DOCTYPE html>

Defines a hyperlink, which is used to link from one page to another.


<a>


i.e. <a href="http://www.w3schools.com">Visit W3Schools.com!</a>

Attribute specifies that the target will be downloaded when a user clicks on the hyperlink.

<a download="filename">



<a href="/images/myw3schoolsimage.jpg" download>

Attribute specifies the URL of the page the link goes to.

<a href="URL">



<a href="http://www.w3schools.com">Visit W3Schools</a>

Attribute specifies what media/device the linked document is optimized for.

<a media="value">



<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>

Attribute specifies the relationship between the current document and the linked document.

<a rel="value">



<a rel="nofollow" href="http://www.functravel.com/">Cheap Flights</a>

Attribute specifies where to open the linked document.

<a target="_blank|_self|_parent|_top|framename">



<a href="http://www.w3schools.com" target="_blank">Visit W3Schools</a>

Attribute specifies the Internet media type (formerly known as MIME type) of the linked document.

<a type="media_type">



<a href="http://www.w3schools.com" type="text/html">W3Schools</a>

Defines an abbreviation or an acronym, like "Mr.", "Dec.", "ASAP", "ATM".

<abbr>



i.e. The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.

Defines the contact information for the author/owner of a document or an article.

<address>



<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>. <br>


Address,City, Zip, State<br>
</address>

Defines an area inside an image-map (an image-map is an image with clickable areas).

<area>



<img src="planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
</map>

Attribute specifies an alternate text for an area, if the image cannot be displayed.

<area alt="text">



Text: Specifies the alternate text for the area, if the image cannot be displayed

Attribute specifies the coordinates of an area in an image-map.

<area coords="value">



Specifies the coordinates

Attribute specifies that the target will be downloaded when a user clicks on the hyperlink.

<area download="filename">



Filename: Optional. Specifies the new filename for the downloaded file

Attribute specifies the hyperlink target for the area.

<area href="URL">



URL: Specifies the hyperlink target for the area.

Attribute specifies what media/device the target URL is optimized for.

<area media="value">

Attribute specifies the shape of an area.

<area shape="default|rect|circle|poly">

Attribute specifies the Internet media type (formerly known as MIME type) of the target URL.

<area type="media_type">



media_type: The Internet media type of the linked document.

Specifies independent, self-contained content.

<article>


An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.



sources for the <article> element:


* Forum post
* Blog post
* News story
* Comment

Defines some content aside from the content it is placed in.

<aside>


The aside content should be related to the surrounding content.

Defines sound, such as music or other audio streams.

<audio>


There are 3 supported file formats for the <audio> element: MP3, Wav, and Ogg

Specifies the base URL/target for all relative URLs in a document.

<base>



i.e. <head>
<base href="http://www.w3schools.com/images/" target="_blank">
</head>
<body>
<img src="stickman.gif" width="24" height="39" alt="Stickman">
<a href="http://www.w3schools.com">W3Schools</a>
</body>

This tag isolates a part of text that might be formatted in a different direction from other text outside it.

<bdi>



i.e. <ul>
<li>User <bdi>hrefs</bdi>: 60 points</li>
<li>User <bdi>jdoe</bdi>: 80 points</li>
<li>User <bdi>إيان</bdi>: 90 points</li>
</ul>

This tag is used to override the current text direction.

<bdo>



i.e. <bdo dir="rtl">
This text will go right-to-left.
</bdo>

This tag specifies a section that is quoted from another source.

<blockquote>



i.e. <blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
</blockquote>

This tag defines the document's body.

<body>



i.e. <html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>

This tag inserts a single line break.

<br> or strict <br />


i.e. This text contains<br>a line break.

This tag defines a clickable button.

<button>


i.e. <button type="button">Click Me!</button>

This attribute specifies that a button should automatically get focus when the page loads.

<button type="button" autofocus>


i.e. <button type="button" autofocus>Click Me!</button>

This attribute specifies that the button should be disabled.

<button disabled>



i.e. <button type="button" disabled>Click Me!</button>



:(

This attribute specifies one or more forms the button belongs to.

<button form="form_id">



i.e. <form action="demo_form.asp" method="get" id="form1">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
</form>
<button type="submit" form="form1" value="Submit">Submit</button>

This attribute specifies where to send the form-data when a form is submitted.

<button type="submit" formaction="URL">



i.e. <form action="demo_form.asp" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<button type="submit">Submit</button><br>
<button type="submit" formaction="demo_admin.asp">Submit as admin</button>
</form>

This attribute specifies how form-data should be encoded before sending it to a server.

<button type="submit" formenctype="value">



i.e. <form action="demo_post_enctype.asp" method="post">
Name: <input type="text" name="fname" value="Ståle Refsnes"><br>
<button type="submit">Submit with character encoding</button>
<button type="submit" formenctype="text/plain">Submit without character encoding</button>
</form>

This attribute specifies which HTTP method to use when sending the form-data.

<button type="submit" formmethod="get|post">



i.e. <form action="demo_form.asp" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<button type="submit">Submit</button>
<button type="submit" formmethod="post" formaction="demo_post.asp">Submit using POST</button>
</form>

This specifies that the form-data should not be validated on submission.

<button type="submit" formnovalidate>



i.e. <form action="demo_form.asp" method="get">
E-mail: <input type="email" name="userid"><br>
<button type="submit">Submit</button><br>
<button type="submit" formnovalidate>Submit without validation</button>
</form>

This attribute specifies where to display the response after submitting the form.

<button type="submit" formtarget="_blank|_self|_parent|_top|framename">



i.e. <form action="demo_form.asp" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<button type="submit" >Submit</button>
<button type="submit" formtarget="_blank">Submit to a new window</button>
</form>

This attribute is used to reference form-data after the form has been submitted, or to reference the element in a JavaScript.

<button name="name">



i.e. <form action="demo_form.asp" method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="HTML">HTML</button>
<button name="subject" type="submit" value="CSS">CSS</button>
</form>

This attribute specifies the type of button.

<button type="button|submit|reset">



i.e. <form action="demo_form.asp" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</button>
</form>

This attribute specifies the initial value for a <button> in a <form>.

<button value="value">



i.e. <form action="demo_form.asp" method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="fav_HTML">HTML</button>
<button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>

This tag is used to draw graphics, on the fly, via scripting (usually JavaScript).

<canvas>



i.e. <canvas id="myCanvas"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 80, 80);
</script>

This tag defines a table caption.

<caption>



i.e. <table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

This tag defines the title of a work (e.g. a book, a song, a movie, a TV show, a painting, a sculpture, etc.).

<cite>



i.e. <p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>

This tag is a phrase tag. It defines a piece of computer code.

<code>



i.e. <code>A piece of computer code</code>

This tag specifies column properties for each column within a <colgroup> element.

<col>



i.e. <table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>

This tag specifies a group of one or more columns in a table for formatting.

<colgroup>



i.e. <table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>

This tag specifies a list of pre-defined options for an <input> element. Also, is used to provide an "autocomplete" feature on <input> elements.

<datalist>



<input list="browsers">
i.e. <datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>

This tag is used to describe a term/name in a description list.

<dd>



i.e. <dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

This tag defines text that has been deleted from a document.

<del>



i.e. <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

This tag specifies additional details that the user can view or hide on demand.

<details>



i.e. <details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

This attribute specifies that the details should be visible (open) to the user.

<details open>



i.e. <details open>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

This tag represents the defining instance of a term in HTML.

<dfn>



i.e. <p><dfn>HTML</dfn> is the standard markup language for creating web pages.</p>

This tag defines a dialog box or window.

<dialog>



i.e. <table>
<tr>
<th>January <dialog open>This is an open dialog window</dialog></th>
<th>February</th>
<th>March</th>
</tr>
<tr>
<td>31</td>
<td>28</td>
<td>31</td>
</tr>
</table>

This tag defines a division or a section in an HTML document.

<div>



i.e. <div style="color:#0000FF">
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>

This tag defines a description list.

<dl>



i.e. <dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

This tag defines a term/name in a description list.

<dt>



i.e. <dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

This tag is a phrase tag. It renders as emphasized text.

<em>



i.e. <em>Emphasized text</em>

This tag defines a container for an external application or interactive content (a plug-in).

<embed>



i.e. <embed src="helloworld.swf">

This attribute specifies the height of the embedded content, in pixels.

<embed height="pixels">



i.e.


<embed src="helloworld.swf" width="200" height="200">

This attribute specifies the address of the external file to embed.

<embed src="URL">



i.e. <embed src="helloworld.swf">

This attribute specifies the Internet media type (formerly known as MIME type) of the embedded content.

<embed type="media_type">



i.e. <embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">

This attribute specifies the width of the embedded content, in pixels.

<embed width="pixels">



<embed src="helloworld.swf" width="200" height="200">

This tag is used to group related elements in a form.

<fieldset>



i.e. <form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>

This attribute specifies that a group of related form elements (a fieldset) should be disabled.

<fieldset disabled>



i.e. <fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>

This attribute specifies one or more forms the fieldset belongs to.

<fieldset form="form_id">



<form action="demo_form.asp" method="get" id="form1">
What is your favorite color? <input type="text" name="fav_color"><br>
<input type="submit">
</form>
<fieldset form="form1">
Name: <input type="text" name="username"><br>
Email: <input type="text" name="usermail"><br>
</fieldset>

This attribute specifies a name for a fieldset.

<fieldset name="text">



i.e. <fieldset name="personalia">
Name: <input type="text"><br>
Email: <input type="text"><br>
</fieldset>

This tag defines a caption for a <figure> element.

<figcaption>



i.e. <figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
</figure>

This tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.

<figure>



i.e. <figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>

This tag defines a footer for a document or section.

<footer>



i.e. <footer>
<p>Posted by: Hege Refsnes</p>
<p>Contact information: <a href="mailto:someone@example.com">
someone@example.com</a>.</p>
</footer>



A <footer> element typically contains:

* authorship information
* copyright information
* contact information
* sitemap
* back to top links
* related documents

This tag is used to create an HTML form for user input.

<form>



i.e. <form action="demo_form.asp" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

This attribute specifies the character encodings that are to be used for the form submission.

<form accept-charset="character_set">



i.e. <form action="demo_form.asp" accept-charset="ISO-8859-1">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

This attribute specifies where to send the form-data when a form is submitted.

<form action="URL">



i.e. <form action="demo_form.asp" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

This attribute specifies whether a form should have autocomplete on or off.

<form autocomplete="on|off">



i.e. <form action="demo_form.asp" method="get" autocomplete="on">
First name:<input type="text" name="fname"><br>
E-mail: <input type="email" name="email"><br>
<input type="submit">
</form>

This attribute specifies how the form-data should be encoded when submitting it to the server.

<form enctype="value">



i.e. <form action="demo_post_enctype.asp"
method="post" enctype="multipart/form-data">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

This attribute specifies how to send form-data (the form-data is sent to the page specified in the action attribute).

<form method="get|post">



i.e. <form action="demo_form.asp" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

This attribute specifies the name of a form.

<form name="text">



i.e. <form action="form_action.asp" method="get" name="myForm">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="button" onclick="formSubmit()" value="Send form data!">
</form>

This specifies that the form-data (input) should not be validated when submitted.

<form novalidate>



i.e. <form action="demo_form.asp" novalidate>
E-mail: <input type="email" name="user_email">
<input type="submit">
</form>

This attribute specifies a name or a keyword that indicates where to display the response that is received after submitting the form.

<form target="_blank|_self|_parent|_top|framename">



i.e. <form action="demo_form.asp" method="get" target="_blank">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

These tags are used to define HTML headings.

<h1> to <h6>



i.e. <h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>


etc....

This element is a container for all the head elements.

<head>



i.e. <!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>

This element represents a container for introductory content or a set of navigational links.

<header>



i.e. <article>


<header>
<h1>Most important heading here</h1>
<h3>Less important heading here</h3>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>



A <header> element typically contains:

* one or more heading elements (<h1> - <h6>)
* logo or icon
* authorship information

This tag defines a thematic break in an HTML page (e.g. a shift of topic).

<hr>



i.e. <h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>
<hr>
<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>

This tag tells the browser that this is an HTML document.

<html>



i.e. <!DOCTYPE HTML>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>

This tag defines a part of text in an alternate voice or mood.

<i>



i.e. <p>He named his car <i>The lightning</i>, because it was very fast.</p>

This tag specifies an inline frame.

<iframe>



i.e. <iframe src="http://www.w3schools.com"></iframe>

This attribute specifies the height of an <iframe>, in pixels.

<iframe height="pixels">



i.e. <iframe src="/default.asp" width="200" height="200">
</iframe>

This attribute specifies a name for the <iframe>.

<iframe name="name">



i.e. <iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a>

This attribute enables an extra set of restrictions for the content in the iframe.

<iframe sandbox="value">



i.e. <iframe src="demo_iframe_sandbox.htm" sandbox></iframe>



When the sandbox attribute is present, and it will:

* treat the content as being from a unique origin
* block form submission
* block script execution
* disable APIs
* prevent links from targeting other browsing contexts
* prevent content from using plugins (through <embed>, <object>, <applet>, or other)
* prevent the content to navigate its top-level browsing context
* block automatically triggered features (such as automatically playing a video or automatically focusing a form control)

This attribute specifies that the <iframe> should look like it is a part of the containing document (no borders or scrollbars).

<iframe seamless>



i.e. <iframe src="demo_iframe.htm" seamless></iframe>

This attribute specifies the address of the document to embed in the <iframe>.

<iframe src="URL">



i.e. <iframe src="/default.asp"></iframe>

This attribute specifies the HTML content of the page to show in the inline frame.

<iframe srcdoc="HTML_code">



i.e. <iframe srcdoc="<p>Hello world!</p>" src="demo_iframe_srcdoc.htm"></iframe>

This attribute specifies the width of an <iframe>, in pixels.

<iframe width="pixels">



i.e. <iframe src="/default.asp" width="200" height="200"></iframe>

This tag defines an image in an HTML page.

<img>



i.e. <img src="smiley.gif" alt="Smiley face" height="42" width="42">

This attribute specifies an alternate text for an image, if the image cannot be displayed.

<img alt="text">



i.e. <img src="smiley.gif" alt="Smiley face">

This attribute specifies the height of an image, in pixels.

<img height="pixels">



i.e.


<img src="smiley.gif" alt="Smiley face" height="42" width="42">

This attribute specifies that the image is part of a server-side image-map (an image-map is an image with clickable areas).

<img ismap>



i.e. <a href="demo_form.asp">
<img src="w3html.gif" alt="W3Schools.com" ismap>
</a>

This attribute specifies the URL of the image.

<img src="URL">



i.e. <img src="smiley.gif" alt="Smiley face">

This attribute specifies an image as a client-side image-map (an image-map is an image with clickable areas).

<img usemap="#mapname">



i.e. <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

This attribute specifies the width of an image, in pixels.

<img width="pixels">



i.e.


<img src="smiley.gif" alt="Smiley face" height="42" width="42">

This tag specifies an input field where the user can enter data.

<input>



i.e. <form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

This attribute specifies the types of files that the server accepts (that can be submitted through a file upload).

<input accept="file_extension|audio/*|video/*|image/*|media_type">



i.e. <form action="demo_form.asp">
<input type="file" name="pic" accept="image/*">
<input type="submit">
</form>

This 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 the user uses a screen reader).

<input alt="text">



i.e. <form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>

This attribute specifies whether or not an input field should have autocomplete enabled.

<input autocomplete="on|off">



i.e. <form action="demo_form.asp" 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>

This attribute specifies that an <input> element should automatically get focus when the page loads.

<input autofocus>



i.e. <form action="demo_form.asp">
First name: <input type="text" name="fname" autofocus><br>
Last name: <input type="text" name="lname"><br>
<input type="submit">
</form>

This attribute specifies that an <input> element should be pre-selected (checked) when the page loads.

<input checked>



i.e. <form action="demo_form.asp">
<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>

This attribute specifies that the <input> element should be disabled.

<input disabled>



i.e. <form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname" disabled><br>
<input type="submit" value="Submit">
</form>

This attribute specifies one or more forms the <input> element belongs to.

<input form="form_id">



i.e. <form action="demo_form.asp" 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">

This attribute specifies the URL of the file that will process the input control when the form is submitted.

<input formaction="URL">



i.e. <form action="demo_form.asp">
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="demo_admin.asp" value="Submit as admin">
</form>

This attribute specifies how the form-data should be encoded when submitting it to the server (only for forms with method="post")

<input formenctype="value">



i.e. <form action="demo_post_enctype.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>

This attribute defines the HTTP method for sending form-data to the action URL.

<input formmethod="get|post">



i.e.<form action="demo_form.asp" 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" formaction="demo_post.asp" value="Submit using POST">
</form>

This attribute specifies that the <input> element should not be validated when submitted.

<input formnovalidate="formnovalidate">



i.e. <form action="demo_form.asp">
E-mail: <input type="email" name="userid"><br>
<input type="submit" value="Submit"><br>
<input type="submit" formnovalidate="formnovalidate" value="Submit without validation">
</form>

This attribute specifies a name or a keyword that indicates where to display the response that is received after submitting the form.

<input formtarget="_blank|_self|_parent|_top|framename">



i.e. <form action="demo_form.asp">
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>

This attribute specifies the height of the <input> element.

<input height="pixels">



i.e. <form action="demo_form.asp">
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>

This attribute refers to a <datalist> element that contains pre-defined options for an <input> element.

<input list="datalist_id">



i.e. <input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Google Chrome">
<option value="Opera">
<option value="Safari">
</datalist>

This attribute specifies the maximum value for an <input> element.

<input max="number|date">



i.e. <form action="demo_form.asp">
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>

This attribute specifies the maximum number of characters allowed in the <input> element.

<input maxlength="number">



i.e. <form action="demo_form.asp">
Username: <input type="text" name="usrname" maxlength="10"><br>
<input type="submit" value="Submit">
</form>

This attribute specifies the minimum value for an <input> element.

<input min="number|date">



i.e.<form action="demo_form.asp">
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>

This attribute specifies that the user is allowed to enter more than one value in the <input> element.

<input multiple>



i.e. <form action="demo_form.asp">
Select images: <input type="file" name="img" multiple>
<input type="submit">
</form>

This attribute specifies the name of an <input> element.

<input name="text">



i.e. <form action="demo_form.asp">
Name: <input type="text" name="fullname"><br>
Email: <input type="text" name="email"><br>
<input type="submit" value="Submit">
</form>

This attribute specifies a regular expression that the <input> element's value is checked against.

<input pattern="regexp">



i.e. <form action="demo_form.asp">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}" title="Three letter country code">
<input type="submit">
</form>

This attribute specifies a short hint that describes the expected value of an input field (e.g. a sample value or a short description of the expected format).

<input placeholder="text">



i.e. <form action="demo_form.asp">
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="Submit">
</form>

This attribute specifies that an input field is read-only.

<input readonly>



i.e. <form action="demo_form.asp">
Country: <input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>

This attribute specifies that an input field must be filled out before submitting the form.

<input required>



i.e. <form action="demo_form.asp">
Username: <input type="text" name="usrname" required>
<input type="submit">
</form>

This attribute specifies the visible width, in characters, of an <input> element.

<input size="number">



i.e. <form action="demo_form.asp">
Email: <input type="text" name="email" size="35"><br>
PIN: <input type="text" name="pin" maxlength="4" size="4"><br>
<input type="submit" value="Submit">
</form>

This attribute specifies the URL of the image to use as a submit button.

<input src="URL">



i.e. <form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit">
</form>

This attribute specifies the legal number intervals for an <input> element.

<input step="number">



i.e. <form action="demo_form.asp">
<input type="number" name="points" step="3">
<input type="submit">
</form>

This attribute specifies the type of <input> element to display.

<input type="value">



i.e. <form action="demo_form.asp">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>

This attribute specifies the value of an <input> element.

<input value="text">



i.e. <form action="demo_form.asp">
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>

This attribute is used only with <input type="image">.

<input width="pixels">



i.e. <form action="demo_form.asp">
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>

This tag defines a text that has been inserted into a document.

<ins>



i.e. <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

This tag is a phrase tag. It defines keyboard input.

<kbd>



<kbd>Keyboard input</kbd>

This tag specifies a key-pair generator field used for forms.

<keygen>



i.e. <form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit">
</form>

This attribute specifies that the <keygen> element should automatically get focus when the page loads.

<keygen autofocus>



i.e. <form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security" autofocus>
<input type="submit">
</form>

This attribute specifies that a <keygen> element should be disabled. A disabled field is unusable and un-editable.

<keygen disabled>



i.e. <form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security" disabled>
<input type="submit">
</form>

This attribute specifies that the value of the <keygen> element should be challenged when submitted

<keygen challenge>

This attribute specifies one or more forms the <keygen> element belongs to.

<keygen form="form_id">



i.e. <form action="demo_keygen.asp" method="get" id="secureform">
Username: <input type="text" name="usr_name">
<input type="submit">
</form>
Encryption: <keygen name="security" form="secureform">

This attribute specifies a key type to be used.

<keygen keytype="rsa|dsa|ec">



i.e. <form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security" keytype="rsa">
<input type="submit">
</form>