HTML Form Elements

---

This chapter describes all the different HTML form elements.

---

The HTML

Elements

The HTML <form> element can contain one or more of the following form elements:

• <input>
• <label>
• <select>
• <textarea>
• <button>
• <fieldset>
• <legend>
• <datalist>
• <output>
• <option>
• <optgroup>

---

The Element

One of the most used form elements is the <input> element.

The <input> element can be displayed in several ways, depending on the type attribute.

Example

  <label for="fname">First name:</label>
<input type="text" id="fname" name="fname">

All the different values of the type attribute are covered in the next chapter: HTML Input Types.

---

The Element

The <label> element defines a label for several form elements.

The <label> element is useful for screen-reader users, because the screen-reader will read out loud the label when the user focus on the input element.

The <label> element also help users who have difficulty clicking on very small regions (such as radio buttons or checkboxes) - because when the user clicks the text within the <label> element, it toggles the radio button/checkbox.

The for attribute of the <label> tag should be equal to the id attribute of the <input> element to bind them together.

---

The Element

The <select> element defines a drop-down list:

Example

  <label for="cars">Choose a car:</label>
<select id="cars" name="cars">
  <option value="volvo">Volvo</option>

 <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>

 <option value="audi">Audi</option>
</select>

The <option> element defines an option that can be selected.

By default, the first item in the drop-down list is selected.

To define a pre-selected option, add the selected attribute to the option:

Example

<option value="fiat" selected>Fiat</option>

Visible Values:

Use the size attribute to specify the number of visible values:

Example

  <label for="cars">Choose a car:</label>
<select id="cars" name="cars" size="3">
  <option value="volvo">Volvo</option>

 <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>

 <option value="audi">Audi</option>
</select>

Allow Multiple Selections:

Use the multiple attribute to allow the user to select more than one value:

Example

  <label for="cars">Choose a car:</label>
<select id="cars" name="cars" size="4" multiple>
  <option value="volvo">Volvo</option>

 <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>

 <option value="audi">Audi</option>
</select>

---

The Element</h2> <p>The <code><textarea></code> element defines a multi-line input field (a text area):</p> <h3>Example</h3> <pre><code class="language-html"> <textarea name="message" rows="10" cols="30"> The cat was playing in the garden. </textarea> </code></pre> <p>The <code>rows</code> attribute specifies the visible number of lines in a text area.</p> <p>The <code>cols</code> attribute specifies the visible width of a text area.</p> <p>This is how the HTML code above will be displayed in a browser:</p> <p>You can also define the size of the text area by using CSS:</p> <h3>Example</h3> <pre><code class="language-html"> <textarea name="message" style="width:200px; height:600px;"> The cat was playing in the garden. </textarea> </code></pre> <hr> <h2 id="the-element-5">The <button> Element</h2> <p>The <code><button></code> element defines a clickable button:</p> <h3>Example</h3> <pre><code class="language-html"><button type="button" onclick="alert('Hello World!')">Click Me!</button> </code></pre> <p>This is how the HTML code above will be displayed in a browser:</p> <blockquote> <p><strong>Note:</strong> Always specify the <code>type</code> attribute for the button element. Different browsers may use different default types for the button element.</p> </blockquote> <hr> <h2 id="the-and-elements">The <fieldset> and <legend> Elements</h2> <p>The <code><fieldset></code> element is used to group related data in a form.</p> <p>The <code><legend></code> element defines a caption for the <code> <fieldset></code> element.</p> <h3>Example</h3> <pre><code class="language-html"> <form action="/action_page.php"> <fieldset> <legend>Personalia:</legend> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" value="John"><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" value="Doe"><br><br> <input type="submit" value="Submit"> </fieldset> </form> </code></pre> <p>This is how the HTML code above will be displayed in a browser:</p> <hr> <h2 id="the-element-7">The <datalist> Element</h2> <p>The <code><datalist></code> element specifies a list of pre-defined options for an <code><input></code> element.</p> <p>Users will see a drop-down list of the pre-defined options as they input data.</p> <p>The <code>list</code> attribute of the <code><input></code> element, must refer to the <code>id</code> attribute of the <code><datalist></code> element.</p> <h3>Example</h3> <pre><code class="language-html"><form action="/action_page.php"> <input list="browsers"> <datalist id="browsers"> <option value="Edge"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> </form> </code></pre> <hr> <h2 id="the-element-8">The <output> Element</h2> <p>The <code><output></code> element represents the result of a calculation (like one performed by a script).</p> <h3>Example</h3> <pre><code class="language-html"> <form action="/action_page.php" oninput="x.value=parseInt(a.value)+parseInt(b.value)"> 0 <input type="range" id="a" name="a" value="50"> 100 + <input type="number" id="b" name="b" value="50"> = <output name="x" for="a b"></output> <br><br> <input type="submit"> </form> </code></pre> <hr> <h2 id="html-form-elements">HTML Form Elements</h2> <table> <thead> <tr> <th>Tag</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><form></td> <td>Defines an HTML form for user input</td> </tr> <tr> <td><input></td> <td>Defines an input control</td> </tr> <tr> <td><textarea></td> <td>Defines a multiline input control (text area)</td> </tr> <tr> <td><label></td> <td>Defines a label for an <input> element</td> </tr> <tr> <td><fieldset></td> <td>Groups related elements in a form</td> </tr> <tr> <td><legend></td> <td>Defines a caption for a <fieldset> element</td> </tr> <tr> <td><select></td> <td>Defines a drop-down list</td> </tr> <tr> <td><optgroup></td> <td>Defines a group of related options in a drop-down list</td> </tr> <tr> <td><option></td> <td>Defines an option in a drop-down list</td> </tr> <tr> <td><button></td> <td>Defines a clickable button</td> </tr> <tr> <td><datalist></td> <td>Specifies a list of pre-defined options for input controls</td> </tr> <tr> <td><output></td> <td>Defines the result of a calculation</td> </tr> </tbody> </table> <blockquote> <p><strong>Note:</strong> For a complete list of all available HTML tags, visit our HTML Tag Reference.</p> </blockquote> </div><div class="share-bar"><strong>Share:</strong><a href="https://wa.me/?text=HTML%20Form%20Elements%20https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fhtml%2Fhtml-form-elements%2F" target="_blank" rel="noopener" class="share-btn s-wa"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg> WhatsApp</a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fhtml%2Fhtml-form-elements%2F&title=HTML%20Form%20Elements" target="_blank" rel="noopener" class="share-btn s-li"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg> LinkedIn</a><a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fhtml%2Fhtml-form-elements%2F&text=HTML%20Form%20Elements" target="_blank" rel="noopener" class="share-btn s-cp"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg> Copy / Share</a></div></div><div class="prevnext"><a class="pn-btn pn-prev" href="/notes/html/html-form-attributes/"><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg> Previous</span><strong>HTML Form Attributes</strong></a><a class="pn-btn pn-next" href="/notes/html/html-input-types/"><span class="inline-flex items-center gap-1">Next <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><strong>HTML Input Types</strong></a></div><div class="note-cta"><h3>Want to go beyond the notes?</h3><p>Join Coding Now Tech Institute's <!-- -->HTML<!-- --> course — live mentorship, real projects, and 100% placement support.</p><a href="/enroll-now/">Enroll Now — Free Demo Available</a></div></div><aside class="topics-side"><h4>HTML<!-- --> Notes — All Topics</h4><div class="ts-group"><div class="ts-group-label">HTML Tutorial</div><a class="ts-item " href="/notes/html/html-home/"><span class="ts-num">1</span><span class="ts-title">HTML HOME</span></a><a class="ts-item " href="/notes/html/html-introduction/"><span class="ts-num">2</span><span class="ts-title">HTML Introduction</span></a><a class="ts-item " href="/notes/html/html-editors/"><span class="ts-num">3</span><span class="ts-title">HTML Editors</span></a><a class="ts-item " href="/notes/html/html-basic/"><span class="ts-num">4</span><span class="ts-title">HTML Basic</span></a><a class="ts-item " href="/notes/html/html-elements/"><span class="ts-num">5</span><span class="ts-title">HTML Elements</span></a><a class="ts-item " href="/notes/html/html-attributes/"><span class="ts-num">6</span><span class="ts-title">HTML Attributes</span></a><a class="ts-item " href="/notes/html/html-headings/"><span class="ts-num">7</span><span class="ts-title">HTML Headings</span></a><a class="ts-item " href="/notes/html/html-paragraphs/"><span class="ts-num">8</span><span class="ts-title">HTML Paragraphs</span></a><a class="ts-item " href="/notes/html/html-styles/"><span class="ts-num">9</span><span class="ts-title">HTML Styles</span></a><a class="ts-item " href="/notes/html/html-formatting/"><span class="ts-num">10</span><span class="ts-title">HTML Formatting</span></a><a class="ts-item " href="/notes/html/html-quotations/"><span class="ts-num">11</span><span class="ts-title">HTML Quotations</span></a><a class="ts-item " href="/notes/html/html-comments/"><span class="ts-num">12</span><span class="ts-title">HTML Comments</span></a><a class="ts-item " href="/notes/html/html-colors/"><span class="ts-num">13</span><span class="ts-title">HTML Colors</span></a><a class="ts-item " href="/notes/html/rgb/"><span class="ts-num">14</span><span class="ts-title">RGB</span></a><a class="ts-item " href="/notes/html/hex/"><span class="ts-num">15</span><span class="ts-title">HEX</span></a><a class="ts-item " href="/notes/html/hsl/"><span class="ts-num">16</span><span class="ts-title">HSL</span></a><a class="ts-item " href="/notes/html/html-css/"><span class="ts-num">17</span><span class="ts-title">HTML CSS</span></a><a class="ts-item " href="/notes/html/html-links/"><span class="ts-num">18</span><span class="ts-title">HTML Links</span></a><a class="ts-item " href="/notes/html/link-colors/"><span class="ts-num">19</span><span class="ts-title">Link Colors</span></a><a class="ts-item " href="/notes/html/link-bookmarks/"><span class="ts-num">20</span><span class="ts-title">Link Bookmarks</span></a><a class="ts-item " href="/notes/html/html-images/"><span class="ts-num">21</span><span class="ts-title">HTML Images</span></a><a class="ts-item " href="/notes/html/image-map/"><span class="ts-num">22</span><span class="ts-title">Image Map</span></a><a class="ts-item " href="/notes/html/background-images/"><span class="ts-num">23</span><span class="ts-title">Background Images</span></a><a class="ts-item " href="/notes/html/the-picture-element/"><span class="ts-num">24</span><span class="ts-title">The Picture Element</span></a><a class="ts-item " href="/notes/html/html-project/"><span class="ts-num">25</span><span class="ts-title">HTML Project</span></a><a class="ts-item " href="/notes/html/html-favicon/"><span class="ts-num">26</span><span class="ts-title">HTML Favicon</span></a><a class="ts-item " href="/notes/html/html-page-title/"><span class="ts-num">27</span><span class="ts-title">HTML Page Title</span></a><a class="ts-item " href="/notes/html/html-tables/"><span class="ts-num">28</span><span class="ts-title">HTML Tables</span></a><a class="ts-item " href="/notes/html/table-borders/"><span class="ts-num">29</span><span class="ts-title">Table Borders</span></a><a class="ts-item " href="/notes/html/table-sizes/"><span class="ts-num">30</span><span class="ts-title">Table Sizes</span></a><a class="ts-item " href="/notes/html/table-headers/"><span class="ts-num">31</span><span class="ts-title">Table Headers</span></a><a class="ts-item " href="/notes/html/padding-spacing/"><span class="ts-num">32</span><span class="ts-title">Padding & Spacing</span></a><a class="ts-item " href="/notes/html/colspan-rowspan/"><span class="ts-num">33</span><span class="ts-title">Colspan & Rowspan</span></a><a class="ts-item " href="/notes/html/table-styling/"><span class="ts-num">34</span><span class="ts-title">Table Styling</span></a><a class="ts-item " href="/notes/html/table-colgroup/"><span class="ts-num">35</span><span class="ts-title">Table Colgroup</span></a><a class="ts-item " href="/notes/html/html-lists/"><span class="ts-num">36</span><span class="ts-title">HTML Lists</span></a><a class="ts-item " href="/notes/html/unordered-lists/"><span class="ts-num">37</span><span class="ts-title">Unordered Lists</span></a><a class="ts-item " href="/notes/html/ordered-lists/"><span class="ts-num">38</span><span class="ts-title">Ordered Lists</span></a><a class="ts-item " href="/notes/html/other-lists/"><span class="ts-num">39</span><span class="ts-title">Other Lists</span></a><a class="ts-item " href="/notes/html/html-block-inline/"><span class="ts-num">40</span><span class="ts-title">HTML Block & Inline</span></a><a class="ts-item " href="/notes/html/html-div/"><span class="ts-num">41</span><span class="ts-title">HTML Div</span></a><a class="ts-item " href="/notes/html/html-classes/"><span class="ts-num">42</span><span class="ts-title">HTML Classes</span></a><a class="ts-item " href="/notes/html/html-id/"><span class="ts-num">43</span><span class="ts-title">HTML Id</span></a><a class="ts-item " href="/notes/html/html-buttons/"><span class="ts-num">44</span><span class="ts-title">HTML Buttons</span></a><a class="ts-item " href="/notes/html/html-iframes/"><span class="ts-num">45</span><span class="ts-title">HTML Iframes</span></a><a class="ts-item " href="/notes/html/html-javascript/"><span class="ts-num">46</span><span class="ts-title">HTML JavaScript</span></a><a class="ts-item " href="/notes/html/html-file-paths/"><span class="ts-num">47</span><span class="ts-title">HTML File Paths</span></a><a class="ts-item " href="/notes/html/html-head/"><span class="ts-num">48</span><span class="ts-title">HTML Head</span></a><a class="ts-item " href="/notes/html/html-layout/"><span class="ts-num">49</span><span class="ts-title">HTML Layout</span></a><a class="ts-item " href="/notes/html/html-responsive/"><span class="ts-num">50</span><span class="ts-title">HTML Responsive</span></a><a class="ts-item " href="/notes/html/html-computercode/"><span class="ts-num">51</span><span class="ts-title">HTML Computercode</span></a><a class="ts-item " href="/notes/html/html-semantics/"><span class="ts-num">52</span><span class="ts-title">HTML Semantics</span></a><a class="ts-item " href="/notes/html/html-style-guide/"><span class="ts-num">53</span><span class="ts-title">HTML Style Guide</span></a><a class="ts-item " href="/notes/html/html-entities/"><span class="ts-num">54</span><span class="ts-title">HTML Entities</span></a><a class="ts-item " href="/notes/html/html-symbols/"><span class="ts-num">55</span><span class="ts-title">HTML Symbols</span></a><a class="ts-item " href="/notes/html/html-emojis/"><span class="ts-num">56</span><span class="ts-title">HTML Emojis</span></a><a class="ts-item " href="/notes/html/html-charsets/"><span class="ts-num">57</span><span class="ts-title">HTML Charsets</span></a><a class="ts-item " href="/notes/html/html-url-encode/"><span class="ts-num">58</span><span class="ts-title">HTML URL Encode</span></a><a class="ts-item " href="/notes/html/html-vs-xhtml/"><span class="ts-num">59</span><span class="ts-title">HTML vs. XHTML</span></a></div><div class="ts-group"><div class="ts-group-label">HTML Forms</div><a class="ts-item " href="/notes/html/html-forms/"><span class="ts-num">60</span><span class="ts-title">HTML Forms</span></a><a class="ts-item " href="/notes/html/html-form-attributes/"><span class="ts-num">61</span><span class="ts-title">HTML Form Attributes</span></a><a class="ts-item active" href="/notes/html/html-form-elements/"><span class="ts-num">62</span><span class="ts-title">HTML Form Elements</span></a><a class="ts-item " href="/notes/html/html-input-types/"><span class="ts-num">63</span><span class="ts-title">HTML Input Types</span></a><a class="ts-item " href="/notes/html/html-input-attributes/"><span class="ts-num">64</span><span class="ts-title">HTML Input Attributes</span></a><a class="ts-item " href="/notes/html/input-form-attributes/"><span class="ts-num">65</span><span class="ts-title">Input Form Attributes</span></a></div><div class="ts-group"><div class="ts-group-label">HTML Graphics</div><a class="ts-item " href="/notes/html/html-canvas/"><span class="ts-num">66</span><span class="ts-title">HTML Canvas</span></a><a class="ts-item " href="/notes/html/html-svg/"><span class="ts-num">67</span><span class="ts-title">HTML SVG</span></a></div><div class="ts-group"><div class="ts-group-label">HTML Media</div><a class="ts-item " href="/notes/html/html-media/"><span class="ts-num">68</span><span class="ts-title">HTML Media</span></a><a class="ts-item " href="/notes/html/html-video/"><span class="ts-num">69</span><span class="ts-title">HTML Video</span></a><a class="ts-item " href="/notes/html/html-audio/"><span class="ts-num">70</span><span class="ts-title">HTML Audio</span></a><a class="ts-item " href="/notes/html/html-plug-ins/"><span class="ts-num">71</span><span class="ts-title">HTML Plug-ins</span></a><a class="ts-item " href="/notes/html/html-youtube/"><span class="ts-num">72</span><span class="ts-title">HTML YouTube</span></a></div><div class="ts-group"><div class="ts-group-label">HTML APIs</div><a class="ts-item " href="/notes/html/html-web-apis/"><span class="ts-num">73</span><span class="ts-title">HTML Web APIs</span></a><a class="ts-item " href="/notes/html/html-geolocation/"><span class="ts-num">74</span><span class="ts-title">HTML Geolocation</span></a><a class="ts-item " href="/notes/html/html-drag-and-drop/"><span class="ts-num">75</span><span class="ts-title">HTML Drag and Drop</span></a><a class="ts-item " href="/notes/html/html-web-storage/"><span class="ts-num">76</span><span class="ts-title">HTML Web Storage</span></a><a class="ts-item " href="/notes/html/html-web-workers/"><span class="ts-num">77</span><span class="ts-title">HTML Web Workers</span></a><a class="ts-item " href="/notes/html/html-sse/"><span class="ts-num">78</span><span class="ts-title">HTML SSE</span></a></div><div class="ts-group"><div class="ts-group-label">HTML Basics</div><a class="ts-item " href="/notes/html/what-is-html/"><span class="ts-num">101</span><span class="ts-title">What Is HTML? A Practical Introduction</span></a><a class="ts-item " href="/notes/html/html-history/"><span class="ts-num">102</span><span class="ts-title">HTML History — From 1991 to HTML5</span></a><a class="ts-item " href="/notes/html/html-vs-css/"><span class="ts-num">103</span><span class="ts-title">HTML vs CSS — What Each One Actually Does</span></a><a class="ts-item " href="/notes/html/html-document-structure/"><span class="ts-num">105</span><span class="ts-title">HTML Document Structure</span></a><a class="ts-item " href="/notes/html/html-syntax/"><span class="ts-num">106</span><span class="ts-title">HTML Syntax Basics</span></a><a class="ts-item " href="/notes/html/html-tags/"><span class="ts-num">109</span><span class="ts-title">HTML Tags — Paired, Void & Deprecated</span></a><a class="ts-item " href="/notes/html/global-attributes/"><span class="ts-num">111</span><span class="ts-title">HTML Global Attributes</span></a><a class="ts-item " href="/notes/html/html-block-elements/"><span class="ts-num">112</span><span class="ts-title">HTML Block Elements</span></a><a class="ts-item " href="/notes/html/html-inline-elements/"><span class="ts-num">113</span><span class="ts-title">HTML Inline Elements</span></a><a class="ts-item " href="/notes/html/html-body/"><span class="ts-num">115</span><span class="ts-title">HTML Body Element</span></a><a class="ts-item " href="/notes/html/html-doctype/"><span class="ts-num">116</span><span class="ts-title">HTML Doctype</span></a><a class="ts-item " href="/notes/html/html-lang-attribute/"><span class="ts-num">117</span><span class="ts-title">HTML lang Attribute</span></a></div><div class="ts-group"><div class="ts-group-label">Text & Content</div><a class="ts-item " href="/notes/html/headings/"><span class="ts-num">201</span><span class="ts-title">Headings (h1–h6)</span></a><a class="ts-item " href="/notes/html/paragraphs/"><span class="ts-num">202</span><span class="ts-title">Paragraphs</span></a><a class="ts-item " href="/notes/html/line-break/"><span class="ts-num">203</span><span class="ts-title">Line Break (br)</span></a><a class="ts-item " href="/notes/html/horizontal-rule/"><span class="ts-num">204</span><span class="ts-title">Horizontal Rule (hr)</span></a><a class="ts-item " href="/notes/html/bold-text/"><span class="ts-num">205</span><span class="ts-title">Bold Text (b)</span></a><a class="ts-item " href="/notes/html/italic-text/"><span class="ts-num">206</span><span class="ts-title">Italic Text (i)</span></a><a class="ts-item " href="/notes/html/underline-text/"><span class="ts-num">207</span><span class="ts-title">Underline Text (u)</span></a><a class="ts-item " href="/notes/html/strong/"><span class="ts-num">208</span><span class="ts-title">Strong</span></a><a class="ts-item " href="/notes/html/emphasis/"><span class="ts-num">209</span><span class="ts-title">Emphasis (em)</span></a><a class="ts-item " href="/notes/html/mark/"><span class="ts-num">210</span><span class="ts-title">Mark</span></a><a class="ts-item " href="/notes/html/small/"><span class="ts-num">211</span><span class="ts-title">Small</span></a><a class="ts-item " href="/notes/html/del/"><span class="ts-num">212</span><span class="ts-title">Deleted Text (del)</span></a><a class="ts-item " href="/notes/html/ins/"><span class="ts-num">213</span><span class="ts-title">Inserted Text (ins)</span></a><a class="ts-item " href="/notes/html/sup/"><span class="ts-num">214</span><span class="ts-title">Superscript (sup)</span></a><a class="ts-item " href="/notes/html/sub/"><span class="ts-num">215</span><span class="ts-title">Subscript (sub)</span></a><a class="ts-item " href="/notes/html/blockquote/"><span class="ts-num">216</span><span class="ts-title">Blockquote</span></a><a class="ts-item " href="/notes/html/quotes/"><span class="ts-num">217</span><span class="ts-title">Quotes (q)</span></a><a class="ts-item " href="/notes/html/pre/"><span class="ts-num">218</span><span class="ts-title">Preformatted Text (pre)</span></a><a class="ts-item " href="/notes/html/code-tag/"><span class="ts-num">219</span><span class="ts-title">Code Tag</span></a></div><div class="ts-group"><div class="ts-group-label">Links</div><a class="ts-item " href="/notes/html/links/"><span class="ts-num">301</span><span class="ts-title">Links (Overview)</span></a><a class="ts-item " href="/notes/html/anchor-tag/"><span class="ts-num">302</span><span class="ts-title">The a Element (Anchor Tag)</span></a><a class="ts-item " href="/notes/html/absolute-url/"><span class="ts-num">303</span><span class="ts-title">Absolute URL</span></a><a class="ts-item " href="/notes/html/relative-url/"><span class="ts-num">304</span><span class="ts-title">Relative URL</span></a><a class="ts-item " href="/notes/html/internal-links/"><span class="ts-num">305</span><span class="ts-title">Internal Links</span></a><a class="ts-item " href="/notes/html/external-links/"><span class="ts-num">306</span><span class="ts-title">External Links</span></a><a class="ts-item " href="/notes/html/email-links/"><span class="ts-num">307</span><span class="ts-title">Email Links</span></a><a class="ts-item " href="/notes/html/telephone-links/"><span class="ts-num">308</span><span class="ts-title">Telephone Links</span></a><a class="ts-item " href="/notes/html/link-target/"><span class="ts-num">309</span><span class="ts-title">link-target</span></a><a class="ts-item " href="/notes/html/rel-attribute/"><span class="ts-num">310</span><span class="ts-title">rel Attribute</span></a><a class="ts-item " href="/notes/html/nofollow-links/"><span class="ts-num">311</span><span class="ts-title">Nofollow Links</span></a><a class="ts-item " href="/notes/html/download-attribute/"><span class="ts-num">312</span><span class="ts-title">download Attribute</span></a></div><div class="ts-group"><div class="ts-group-label">Images</div><a class="ts-item " href="/notes/html/images/"><span class="ts-num">401</span><span class="ts-title">Images (Overview)</span></a><a class="ts-item " href="/notes/html/img-tag/"><span class="ts-num">402</span><span class="ts-title">The img Tag</span></a><a class="ts-item " href="/notes/html/image-alt-attribute/"><span class="ts-num">403</span><span class="ts-title">Image alt Attribute</span></a><a class="ts-item " href="/notes/html/image-width-height/"><span class="ts-num">404</span><span class="ts-title">Image width & height</span></a><a class="ts-item " href="/notes/html/figure/"><span class="ts-num">405</span><span class="ts-title">figure</span></a><a class="ts-item " href="/notes/html/figcaption/"><span class="ts-num">406</span><span class="ts-title">figcaption</span></a><a class="ts-item " href="/notes/html/responsive-images/"><span class="ts-num">407</span><span class="ts-title">Responsive Images</span></a><a class="ts-item " href="/notes/html/srcset/"><span class="ts-num">408</span><span class="ts-title">srcset</span></a><a class="ts-item " href="/notes/html/picture-element/"><span class="ts-num">409</span><span class="ts-title">The picture Element</span></a><a class="ts-item " href="/notes/html/lazy-loading-images/"><span class="ts-num">410</span><span class="ts-title">Lazy Loading Images</span></a></div><div class="ts-group"><div class="ts-group-label">Lists</div><a class="ts-item " href="/notes/html/lists/"><span class="ts-num">501</span><span class="ts-title">Lists (Overview)</span></a><a class="ts-item " href="/notes/html/ordered-list/"><span class="ts-num">502</span><span class="ts-title">Ordered List</span></a><a class="ts-item " href="/notes/html/unordered-list/"><span class="ts-num">503</span><span class="ts-title">Unordered List</span></a><a class="ts-item " href="/notes/html/description-list/"><span class="ts-num">504</span><span class="ts-title">Description List</span></a><a class="ts-item " href="/notes/html/nested-list/"><span class="ts-num">505</span><span class="ts-title">Nested List</span></a><a class="ts-item " href="/notes/html/list-style-attributes/"><span class="ts-num">506</span><span class="ts-title">List Style Attributes</span></a></div><div class="ts-group"><div class="ts-group-label">Tables</div><a class="ts-item " href="/notes/html/tables/"><span class="ts-num">601</span><span class="ts-title">Tables (Overview)</span></a><a class="ts-item " href="/notes/html/table-tag/"><span class="ts-num">602</span><span class="ts-title">The table Tag</span></a><a class="ts-item " href="/notes/html/table-row/"><span class="ts-num">603</span><span class="ts-title">Table Row (tr)</span></a><a class="ts-item " href="/notes/html/table-cell/"><span class="ts-num">604</span><span class="ts-title">Table Cell (td)</span></a><a class="ts-item " href="/notes/html/table-header/"><span class="ts-num">605</span><span class="ts-title">Table Header (th)</span></a><a class="ts-item " href="/notes/html/thead/"><span class="ts-num">606</span><span class="ts-title">thead</span></a><a class="ts-item " href="/notes/html/tbody/"><span class="ts-num">607</span><span class="ts-title">tbody</span></a><a class="ts-item " href="/notes/html/tfoot/"><span class="ts-num">608</span><span class="ts-title">tfoot</span></a><a class="ts-item " href="/notes/html/colspan/"><span class="ts-num">609</span><span class="ts-title">colspan</span></a><a class="ts-item " href="/notes/html/rowspan/"><span class="ts-num">610</span><span class="ts-title">rowspan</span></a><a class="ts-item " href="/notes/html/table-caption/"><span class="ts-num">611</span><span class="ts-title">Table Caption</span></a><a class="ts-item " href="/notes/html/accessible-tables/"><span class="ts-num">612</span><span class="ts-title">Accessible Tables</span></a><a class="ts-item " href="/notes/html/responsive-tables/"><span class="ts-num">613</span><span class="ts-title">Responsive Tables</span></a></div><div class="ts-group"><div class="ts-group-label">HTML Forms</div><a class="ts-item " href="/notes/html/forms/"><span class="ts-num">701</span><span class="ts-title">Forms (Overview)</span></a><a class="ts-item " href="/notes/html/form-tag/"><span class="ts-num">702</span><span class="ts-title">The form Tag</span></a><a class="ts-item " href="/notes/html/input/"><span class="ts-num">703</span><span class="ts-title">input</span></a><a class="ts-item " href="/notes/html/input-types/"><span class="ts-num">704</span><span class="ts-title">Input Types</span></a><a class="ts-item " href="/notes/html/text-input/"><span class="ts-num">705</span><span class="ts-title">Text Input</span></a><a class="ts-item " href="/notes/html/email-input/"><span class="ts-num">706</span><span class="ts-title">Email Input</span></a><a class="ts-item " href="/notes/html/password-input/"><span class="ts-num">707</span><span class="ts-title">Password Input</span></a><a class="ts-item " href="/notes/html/number-input/"><span class="ts-num">708</span><span class="ts-title">Number Input</span></a><a class="ts-item " href="/notes/html/date-input/"><span class="ts-num">709</span><span class="ts-title">Date Input</span></a><a class="ts-item " href="/notes/html/time-input/"><span class="ts-num">710</span><span class="ts-title">Time Input</span></a><a class="ts-item " href="/notes/html/file-input/"><span class="ts-num">711</span><span class="ts-title">File Input</span></a><a class="ts-item " href="/notes/html/checkbox/"><span class="ts-num">712</span><span class="ts-title">Checkbox</span></a><a class="ts-item " href="/notes/html/radio-button/"><span class="ts-num">713</span><span class="ts-title">Radio Button</span></a><a class="ts-item " href="/notes/html/select/"><span class="ts-num">714</span><span class="ts-title">select</span></a><a class="ts-item " href="/notes/html/option/"><span class="ts-num">715</span><span class="ts-title">option</span></a><a class="ts-item " href="/notes/html/textarea/"><span class="ts-num">716</span><span class="ts-title">textarea</span></a><a class="ts-item " href="/notes/html/button/"><span class="ts-num">717</span><span class="ts-title">button</span></a><a class="ts-item " href="/notes/html/label/"><span class="ts-num">718</span><span class="ts-title">label</span></a><a class="ts-item " href="/notes/html/fieldset/"><span class="ts-num">719</span><span class="ts-title">fieldset</span></a><a class="ts-item " href="/notes/html/legend/"><span class="ts-num">720</span><span class="ts-title">legend</span></a><a class="ts-item " href="/notes/html/datalist/"><span class="ts-num">721</span><span class="ts-title">datalist</span></a><a class="ts-item " href="/notes/html/output/"><span class="ts-num">722</span><span class="ts-title">output</span></a><a class="ts-item " href="/notes/html/form-validation/"><span class="ts-num">723</span><span class="ts-title">Form Validation</span></a><a class="ts-item " href="/notes/html/required/"><span class="ts-num">724</span><span class="ts-title">required</span></a><a class="ts-item " href="/notes/html/pattern/"><span class="ts-num">725</span><span class="ts-title">pattern</span></a><a class="ts-item " href="/notes/html/min-max/"><span class="ts-num">726</span><span class="ts-title">min and max</span></a><a class="ts-item " href="/notes/html/placeholder/"><span class="ts-num">727</span><span class="ts-title">placeholder</span></a><a class="ts-item " href="/notes/html/autocomplete/"><span class="ts-num">728</span><span class="ts-title">autocomplete</span></a><a class="ts-item " href="/notes/html/form-method/"><span class="ts-num">729</span><span class="ts-title">form method</span></a><a class="ts-item " href="/notes/html/form-action/"><span class="ts-num">730</span><span class="ts-title">form action</span></a><a class="ts-item " href="/notes/html/get-vs-post/"><span class="ts-num">731</span><span class="ts-title">GET vs POST</span></a></div><div class="ts-group"><div class="ts-group-label">Semantic HTML</div><a class="ts-item " href="/notes/html/semantic-html/"><span class="ts-num">801</span><span class="ts-title">Semantic HTML — Complete Guide</span></a><a class="ts-item " href="/notes/html/header/"><span class="ts-num">802</span><span class="ts-title">The header Element</span></a><a class="ts-item " href="/notes/html/nav/"><span class="ts-num">803</span><span class="ts-title">The nav Element</span></a><a class="ts-item " href="/notes/html/main/"><span class="ts-num">804</span><span class="ts-title">The main Element</span></a><a class="ts-item " href="/notes/html/section/"><span class="ts-num">805</span><span class="ts-title">The section Element</span></a><a class="ts-item " href="/notes/html/article/"><span class="ts-num">806</span><span class="ts-title">The article Element</span></a><a class="ts-item " href="/notes/html/aside/"><span class="ts-num">807</span><span class="ts-title">The aside Element</span></a><a class="ts-item " href="/notes/html/footer/"><span class="ts-num">808</span><span class="ts-title">The footer Element</span></a><a class="ts-item " href="/notes/html/address/"><span class="ts-num">809</span><span class="ts-title">The address Element</span></a><a class="ts-item " href="/notes/html/details/"><span class="ts-num">810</span><span class="ts-title">The details and summary Elements</span></a><a class="ts-item " href="/notes/html/time/"><span class="ts-num">811</span><span class="ts-title">The time Element</span></a><a class="ts-item " href="/notes/html/semantic-vs-non-semantic-html/"><span class="ts-num">812</span><span class="ts-title">Semantic vs Non-Semantic HTML</span></a><a class="ts-item " href="/notes/html/div-vs-section/"><span class="ts-num">813</span><span class="ts-title">div vs section</span></a><a class="ts-item " href="/notes/html/article-vs-section/"><span class="ts-num">814</span><span class="ts-title">article vs section</span></a><a class="ts-item " href="/notes/html/header-vs-head/"><span class="ts-num">815</span><span class="ts-title">header vs head</span></a><a class="ts-item " href="/notes/html/nav-best-practices/"><span class="ts-num">816</span><span class="ts-title">Nav Best Practices</span></a></div></aside></div><section class="cn-faq-section" aria-label="HTML Form Elements – FAQs"><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What does this HTML Form Elements note cover?","acceptedAnswer":{"@type":"Answer","text":"This free note from Coding Now Tech Institute explains HTML Form Elements in HTML — concept, syntax and worked code examples you can copy, run and revise before interviews."}},{"@type":"Question","name":"Is this HTML Form Elements tutorial free?","acceptedAnswer":{"@type":"Answer","text":"Yes. Every HTML topic on Coding Now Tech Institute, including HTML Form Elements, is 100% free with no signup required."}},{"@type":"Question","name":"How long does it take to learn HTML Form Elements?","acceptedAnswer":{"@type":"Answer","text":"With focused practice, most students grasp HTML Form Elements in 1–3 days from these notes; pairing it with Coding Now Tech Institute's mentor-led course takes you to job-ready depth faster."}},{"@type":"Question","name":"Where can I practise HTML Form Elements after reading?","acceptedAnswer":{"@type":"Answer","text":"Use the code examples in this note, then ask doubts for free on the Coding Now Tech Institute Community (/community) — expert instructors answer within 24 hours."}}]}</script><div class="cn-faq-inner"><h2 class="cn-faq-title">HTML Form Elements – FAQs</h2><p class="cn-faq-sub">Quick answers about learning HTML Form Elements in HTML.</p><div class="cn-faq-list"><div class="cn-faq-item "><button type="button" class="cn-faq-q" aria-expanded="false"><span>What does this HTML Form Elements note cover?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">This free note from Coding Now Tech Institute explains HTML Form Elements in HTML — concept, syntax and worked code examples you can copy, run and revise before interviews.</div></div><div class="cn-faq-item "><button type="button" class="cn-faq-q" aria-expanded="false"><span>Is this HTML Form Elements tutorial free?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">Yes. Every HTML topic on Coding Now Tech Institute, including HTML Form Elements, is 100% free with no signup required.</div></div><div class="cn-faq-item "><button type="button" class="cn-faq-q" aria-expanded="false"><span>How long does it take to learn HTML Form Elements?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">With focused practice, most students grasp HTML Form Elements in 1–3 days from these notes; pairing it with Coding Now Tech Institute's mentor-led course takes you to job-ready depth faster.</div></div><div class="cn-faq-item "><button type="button" class="cn-faq-q" aria-expanded="false"><span>Where can I practise HTML Form Elements after reading?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">Use the code examples in this note, then ask doubts for free on the Coding Now Tech Institute Community (/community) — expert instructors answer within 24 hours.</div></div></div></div></section></main><!--$--><!--/$--></div><footer class="footer-pro"><div class="site-container"><div class="footer-pro-wrapper"><div class="footer-brand"><div class="footer-logo-wrap"><img alt="Coding Now Tech Institute Logo" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" src="/images/logo-96.webp"/><h2>Coding Now Tech Institute</h2></div><p>India's premier AI & Full Stack training institute — bridging the gap between education and industry with hands-on mentorship and 100% placement support.</p><div class="footer-address"><div class="addr-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin mt-0.5 shrink-0 text-amber-400" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span>2nd Floor, Kapil Vihar, (Opp. Metro Pillar No.354)<br/>Pitampura, New Delhi – 110034</span></div><div class="addr-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone mt-0.5 shrink-0 text-amber-400" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><span><a href="tel:+919899508745">+91 9899508745</a></span></div><div class="addr-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail mt-0.5 shrink-0 text-amber-400" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><span><a href="mailto:info@codingnowai.com">info@codingnowai.com</a></span></div><div class="addr-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock mt-0.5 shrink-0 text-amber-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><span>Mon – Sat: 9:00 AM – 7:00 PM</span></div></div><div class="footer-map"><h3>Find Us Here</h3><div class="map-wrapper" style="position:relative"><a href="https://www.google.com/maps?cid=8721177965519775187" target="_blank" rel="noopener noreferrer" style="position:absolute;inset:0;z-index:1" aria-label="Open Coding Now Tech Institute on Google Maps"></a><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3499.5!2d77.1366043!3d28.699913!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d03f5a6f7e8b1%3A0x790b8e5e5f3e4b53!2sCoding%20Now%20Tech%20Institute!5e0!3m2!1sen!2sin!4v1700000000000!5m2!1sen!2sin" allowFullScreen="" loading="lazy" referrerPolicy="no-referrer-when-downgrade" title="Coding Now Tech Institute Office Location Map" style="pointer-events:none"></iframe></div></div><div class="footer-social"><a href="https://www.linkedin.com/company/codingnowai-in" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a><a href="https://www.instagram.com/codingnowai" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"></path></svg></a><a href="https://www.facebook.com/codingnow" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"></path></svg></a><a href="https://wa.me/919667708830" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"></path></svg></a><a href="https://www.youtube.com/@codingnowai" target="_blank" rel="noopener noreferrer" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a></div></div><div class="footer-links"><h4>AI & Data</h4><a href="/courses/generative-ai/">Generative AI</a><a href="/courses/prompt-engineering/">Prompt Engineering</a><a href="/courses/ai-engineering-diploma/">AI Engineering Diploma</a><a href="/courses/data-science/">Data Science</a><a href="/courses/data-analytics/">Data Analytics</a></div><div class="footer-links"><h4>Full Stack</h4><a href="/courses/ai-integrated-full-stack/">AI-Integrated Full Stack</a><a href="/courses/python-full-stack/">Python Full Stack</a><a href="/courses/mern-stack/">MERN Stack</a><a href="/courses/mean-stack/">MEAN Stack</a><a href="/courses/react-full-stack/">React Full Stack</a><a href="/courses/dot-net-full-stack/">.NET Full Stack</a></div><div class="footer-links"><h4>Cloud & Cyber</h4><a href="/courses/aws-developer-associate/">AWS Developer Associate</a><a href="/courses/aws-solutions-architect/">AWS Solutions Architect</a><a href="/courses/azure-administrator/">Azure Administrator</a><a href="/courses/google-cloud/">Google Cloud</a><a href="/courses/ethical-hacker/">Ethical Hacker (C|EH)</a><a href="/courses/cissp/">CISSP</a></div><div class="footer-newsletter"><h4>Stay Updated</h4><p>Get latest course updates, offers & career tips directly in your inbox.</p><div class="newsletter-box"><input type="email" placeholder="Your email" aria-label="Email for newsletter"/><button aria-label="Subscribe">→</button></div><p class="newsletter-note">No spam. Unsubscribe anytime.</p><div class="footer-links" style="margin-top:24px"><h4>Company</h4><a href="/about/">About Us</a><a href="/our-mission/">Our Mission</a><a href="/enroll-now/">Contact Us</a></div></div></div></div><hr class="footer-divider"/><div class="site-container"><div class="footer-bottom-pro"><p>© 2026 Coding Now Tech Institute. All rights reserved.</p><div class="footer-bottom-links" style="gap:12px;flex-wrap:wrap;justify-content:center"><a href="/privacy-policy/">Privacy Policy</a><a href="/terms/">Terms of Use</a><a href="/refund-policy/">Refund Policy</a><a href="/enroll-now/">Contact</a></div></div></div></footer><a href="https://wa.me/919667708830?text=Hi%20Coding%20Now%2C%20I%20want%20to%20know%20more%20about%20your%20courses" class="floating-whatsapp" target="_blank" rel="noopener noreferrer" aria-label="Chat on WhatsApp"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" aria-hidden="true" color="#fff" style="color:#fff" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"></path></svg></a><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="fixed inset-x-0 bottom-0 z-[9999] flex md:hidden border-t border-slate-200 bg-white shadow-[0_-4px_20px_rgba(0,0,0,0.1)]"><a href="tel:+919667708830" class="flex flex-1 items-center justify-center gap-2 py-3.5 font-poppins text-[0.9rem] font-bold text-[#064e3b] transition-colors active:bg-slate-50"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg>Call Now</a><a class="flex flex-1 items-center justify-center gap-2 py-3.5 font-poppins text-[0.9rem] font-bold text-white" style="background:linear-gradient(135deg,#F59E0B,#FFB800)" href="/enroll-now/">Enroll Now</a></div><script src="/_next/static/chunks/0yb2wil16uz6h.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\na:I[68027,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0qmc2eu56a_hq.css\",\"style\"]\n:HL[\"/_next/static/chunks/0j4uo8becl1pb.css\",\"style\"]\n:HL[\"/_next/static/chunks/02bhhu-ub8vle.css\",\"style\"]\n:HL[\"/_next/static/media/47fe1b7cd6e6ed85-s.p.0~mcdl10zdfb3.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/829ba4228c966254-s.p.0ub.k0om~_-xi.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/8e6fa89aa22d24ec-s.p.0uvzar8hswo3p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a218039a3287bcfd-s.p.17-1enzs_j91b.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e2334d715941921e-s.p.12skym0rqknxy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:Tb5b,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"@id\":\"https://www.codingnowai.com/#website\",\"name\":\"Coding Now Tech Institute\",\"alternateName\":[\"CodingNow\",\"Coding Now\",\"Coding Now – Gurukul of AI\",\"Coding Now Gurukul of AI\",\"CodingNow Gurukul of AI\",\"Coding Now Tech Institute: Gurukul of AI\",\"Coding Now – Tech Institute\",\"Coding Now Tech Institute\",\"CodingNow Tech Institute\",\"Coding Now Pitampura\",\"CodingNow Pitampura\"],\"url\":\"https://www.codingnowai.com\",\"inLanguage\":\"en-IN\",\"publisher\":{\"@id\":\"https://www.codingnowai.com/#organization\"},\"potentialAction\":{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https://www.codingnowai.com/community/search?q={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}},{\"@context\":\"https://schema.org\",\"@type\":[\"LocalBusiness\",\"EducationalOrganization\"],\"@id\":\"https://www.codingnowai.com/#organization\",\"name\":\"Coding Now Tech Institute\",\"alternateName\":[\"CodingNow\",\"Coding Now\",\"Coding Now – Gurukul of AI\",\"Coding Now Gurukul of AI\",\"CodingNow Gurukul of AI\",\"Coding Now Tech Institute: Gurukul of AI\",\"Coding Now – Tech Institute\",\"Coding Now Tech Institute\",\"CodingNow Tech Institute\",\"Coding Now Pitampura\",\"CodingNow Pitampura\"],\"slogan\":\"Tech Institute\",\"description\":\"Coding Now Tech Institute is a coding and AI institute in Pitampura, Delhi offering AI, Full Stack, Data Science, Cloud Computing \u0026 Cybersecurity courses with 100% placement support.\",\"image\":\"https://www.codingnowai.com/images/logo.jpeg\",\"logo\":\"https://www.codingnowai.com/images/logo.jpeg\",\"url\":\"https://www.codingnowai.com\",\"telephone\":\"+91-9667708830\",\"email\":\"info@codingnowai.com\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"2nd Floor, Kapil Vihar, Opp. Metro Pillar No.354, Pitampura\",\"addressLocality\":\"New Delhi\",\"addressRegion\":\"Delhi\",\"postalCode\":\"110034\",\"addressCountry\":\"IN\"},\"contactPoint\":{\"@type\":\"ContactPoint\",\"telephone\":\"+91-9667708830\",\"contactType\":\"customer service\",\"email\":\"info@codingnowai.com\",\"availableLanguage\":[\"English\",\"Hindi\"]},\"sameAs\":[\"https://www.google.com/maps?cid=8721177965519775187\",\"https://www.linkedin.com/company/codingnow-in\",\"https://www.instagram.com/codingnow\",\"https://www.facebook.com/codingnow\",\"https://www.youtube.com/@codingnowai\",\"https://twitter.com/codingnow\"],\"geo\":{\"@type\":\"GeoCoordinates\",\"latitude\":28.699913,\"longitude\":77.1366043},\"hasMap\":\"https://www.google.com/maps?cid=8721177965519775187\",\"openingHoursSpecification\":{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\"],\"opens\":\"09:00\",\"closes\":\"19:00\"},\"priceRange\":\"₹₹\",\"areaServed\":[{\"@type\":\"City\",\"name\":\"Delhi\"},{\"@type\":\"AdministrativeArea\",\"name\":\"Delhi NCR\"}],\"keywords\":\"Coding Now Tech Institute, CodingNow, Coding Now Pitampura, best coding institute Delhi, AI courses Delhi\"}]}"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"notes\",\"html\",\"html-form-elements\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"notes\",{\"children\":[[\"slug\",\"html\",\"d\",null],{\"children\":[[\"topic\",\"html-form-elements\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0qmc2eu56a_hq.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0j4uo8becl1pb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/030f0q-xfjisq.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/12uw8ma0nvy72.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/063f_5235lgpz.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"data-theme\":\"light\",\"className\":\"poppins_2e4530c2-module__1Mn2RG__variable\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"try{const theme=localStorage.getItem(\\\"codingnow-theme\\\");document.documentElement.dataset.theme=theme===\\\"dark\\\"?\\\"dark\\\":\\\"light\\\"}catch{document.documentElement.dataset.theme=\\\"light\\\"}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}]]}],\"$L3\"]}]]}],{\"children\":[\"$L4\",{\"children\":[\"$L5\",{\"children\":[\"$L6\",{\"children\":[\"$L7\",{},null,false,null]},null,false,\"$@8\"]},null,false,\"$@8\"]},null,false,null]},null,false,null],\"$L9\",false]],\"m\":\"$undefined\",\"G\":[\"$a\",[\"$Lb\",\"$Lc\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"6o8sWdtawkYn8E5yOZuY1\"}\n"])</script><script>self.__next_f.push([1,"d:I[42364,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\ne:I[70119,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\nf:I[5500,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\",\"/_next/static/chunks/1582pnnvs.4wi.js\"],\"Image\"]\n10:I[5014,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\",\"/_next/static/chunks/1582pnnvs.4wi.js\"],\"default\"]\n1d:I[39756,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\n1e:I[37457,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\n20:I[97367,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"OutletBoundary\"]\n21:\"$Sreact.suspense\"\n24:I[97367,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"ViewportBoundary\"]\n26:I[97367,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"MetadataBoundary\"]\n"])</script><script>self.__next_f.push([1,"3:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$Ld\",null,{\"header\":[\"$\",\"$Le\",null,{}],\"footer\":[\"$\",\"footer\",null,{\"className\":\"footer-pro\",\"children\":[[\"$\",\"div\",null,{\"className\":\"site-container\",\"children\":[\"$\",\"div\",null,{\"className\":\"footer-pro-wrapper\",\"children\":[[\"$\",\"div\",null,{\"className\":\"footer-brand\",\"children\":[[\"$\",\"div\",null,{\"className\":\"footer-logo-wrap\",\"children\":[[\"$\",\"$Lf\",null,{\"src\":\"/images/logo-96.webp\",\"alt\":\"Coding Now Tech Institute Logo\",\"width\":50,\"height\":50}],[\"$\",\"h2\",null,{\"children\":\"Coding Now Tech Institute\"}]]}],[\"$\",\"p\",null,{\"children\":\"India's premier AI \u0026 Full Stack training institute — bridging the gap between education and industry with hands-on mentorship and 100% placement support.\"}],[\"$\",\"div\",null,{\"className\":\"footer-address\",\"children\":[[\"$\",\"div\",null,{\"className\":\"addr-icon\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\",\"key\":\"1r0f0z\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"10\",\"r\":\"3\",\"key\":\"ilqhr7\"}]],\"className\":\"lucide-map-pin mt-0.5 shrink-0 text-amber-400\",\"size\":16}],[\"$\",\"span\",null,{\"children\":[\"2nd Floor, Kapil Vihar, (Opp. Metro Pillar No.354)\",[\"$\",\"br\",null,{}],\"Pitampura, New Delhi – 110034\"]}]]}],[\"$\",\"div\",null,{\"className\":\"addr-icon\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\",\"key\":\"9njp5v\"}]],\"className\":\"lucide-phone mt-0.5 shrink-0 text-amber-400\",\"size\":16}],[\"$\",\"span\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"tel:+919899508745\",\"children\":\"+91 9899508745\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"addr-icon\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\",\"key\":\"132q7q\"}],[\"rect\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\",\"key\":\"izxlao\"}]],\"className\":\"lucide-mail mt-0.5 shrink-0 text-amber-400\",\"size\":16}],[\"$\",\"span\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"mailto:info@codingnowai.com\",\"children\":\"info@codingnowai.com\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"addr-icon\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\",\"key\":\"1mglay\"}],[\"path\",{\"d\":\"M12 6v6l4 2\",\"key\":\"mmk7yg\"}]],\"className\":\"lucide-clock mt-0.5 shrink-0 text-amber-400\",\"size\":16}],[\"$\",\"span\",null,{\"children\":\"Mon – Sat: 9:00 AM – 7:00 PM\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"footer-map\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Find Us Here\"}],[\"$\",\"div\",null,{\"className\":\"map-wrapper\",\"style\":{\"position\":\"relative\"},\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.google.com/maps?cid=8721177965519775187\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"style\":{\"position\":\"absolute\",\"inset\":0,\"zIndex\":1},\"aria-label\":\"Open Coding Now Tech Institute on Google Maps\"}],[\"$\",\"iframe\",null,{\"src\":\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3499.5!2d77.1366043!3d28.699913!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d03f5a6f7e8b1%3A0x790b8e5e5f3e4b53!2sCoding%20Now%20Tech%20Institute!5e0!3m2!1sen!2sin!4v1700000000000!5m2!1sen!2sin\",\"allowFullScreen\":true,\"loading\":\"lazy\",\"referrerPolicy\":\"no-referrer-when-downgrade\",\"title\":\"Coding Now Tech Institute Office Location Map\",\"style\":{\"pointerEvents\":\"none\"}}]]}]]}],[\"$\",\"div\",null,{\"className\":\"footer-social\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/company/codingnowai-in\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"LinkedIn\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]}],[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/codingnowai\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Instagram\",\"children\":\"$L11\"}],\"$L12\",\"$L13\",\"$L14\"]}]]}],\"$L15\",\"$L16\",\"$L17\",\"$L18\"]}]}],\"$L19\",\"$L1a\"]}],\"children\":\"$L1b\"}],\"$L1c\"]}]\n"])</script><script>self.__next_f.push([1,"4:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/02bhhu-ub8vle.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"className\":\"cn-notes\",\"children\":[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]\n5:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n6:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n7:[\"$\",\"$1\",\"c\",{\"children\":[\"$L1f\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1582pnnvs.4wi.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L20\",null,{\"children\":[\"$\",\"$21\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@22\"}]}]]}]\n23:[]\n8:\"$W23\"\n9:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L24\",null,{\"children\":\"$L25\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L26\",null,{\"children\":[\"$\",\"$21\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L27\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\nb:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0qmc2eu56a_hq.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\nc:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0j4uo8becl1pb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"2a:I[22016,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\",\"/_next/static/chunks/1582pnnvs.4wi.js\"],\"\"]\n2b:I[33752,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\n28:T7c4,"])</script><script>self.__next_f.push([1,"M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"])</script><script>self.__next_f.push([1,"11:[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$28\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]\n12:[\"$\",\"a\",null,{\"href\":\"https://www.facebook.com/codingnow\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Facebook\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]\n29:T450,M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z13:[\"$\",\"a\",null,{\"href\":\"https://wa.me/919667708830\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"WhatsApp\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$29\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]\n14:[\"$\",\"a\",null,{\"href\":\"https://www.youtube.com/@codingnowai\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"YouTube\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]\n15:[\"$\",\"div\",null,{\"className\":\"footer-links\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"AI \u0026 Data\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/generative-ai\",\"children\":\"Generative AI\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/prompt-engineering\",\"children\":\"Prompt Engineering\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/ai-engineering-diploma\",\"children\":\"AI Engineering Diploma\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/data-science\",\"children\":\"Data Science\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/data-analytics\",\"children\":\"Data Analytics\"}]]}]\n16:[\"$\",\"div\",null,{\"className\":\"fo"])</script><script>self.__next_f.push([1,"oter-links\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"Full Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/ai-integrated-full-stack\",\"children\":\"AI-Integrated Full Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/python-full-stack\",\"children\":\"Python Full Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/mern-stack\",\"children\":\"MERN Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/mean-stack\",\"children\":\"MEAN Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/react-full-stack\",\"children\":\"React Full Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/dot-net-full-stack\",\"children\":\".NET Full Stack\"}]]}]\n17:[\"$\",\"div\",null,{\"className\":\"footer-links\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"Cloud \u0026 Cyber\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/aws-developer-associate\",\"children\":\"AWS Developer Associate\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/aws-solutions-architect\",\"children\":\"AWS Solutions Architect\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/azure-administrator\",\"children\":\"Azure Administrator\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/google-cloud\",\"children\":\"Google Cloud\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/ethical-hacker\",\"children\":\"Ethical Hacker (C|EH)\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/cissp\",\"children\":\"CISSP\"}]]}]\n18:[\"$\",\"div\",null,{\"className\":\"footer-newsletter\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"Stay Updated\"}],[\"$\",\"p\",null,{\"children\":\"Get latest course updates, offers \u0026 career tips directly in your inbox.\"}],[\"$\",\"div\",null,{\"className\":\"newsletter-box\",\"children\":[[\"$\",\"input\",null,{\"type\":\"email\",\"placeholder\":\"Your email\",\"aria-label\":\"Email for newsletter\"}],[\"$\",\"button\",null,{\"aria-label\":\"Subscribe\",\"children\":\"→\"}]]}],[\"$\",\"p\",null,{\"className\":\"newsletter-note\",\"children\":\"No spam. Unsubscribe anytime.\"}],[\"$\",\"div\",null,{\"className\":\"footer-links\",\"style\":{\"marginTop\":\"24px\"},\"children\":[[\"$\",\"h4\",null,{\"children\":\"Company\"}],[\"$\",\"$L2a\",null,{\"href\":\"/about\",\"children\":\"About Us\"}],[\"$\",\"$L2a\",null,{\"href\":\"/our-mission\",\"children\":\"Our Mission\"}],[\"$\",\"$L2a\",null,{\"href\":\"/enroll-now\",\"children\":\"Contact Us\"}]]}]]}]\n19:[\"$\",\"hr\",null,{\"className\":\"footer-divider\"}]\n1a:[\"$\",\"div\",null,{\"className\":\"site-container\",\"children\":[\"$\",\"div\",null,{\"className\":\"footer-bottom-pro\",\"children\":[[\"$\",\"p\",null,{\"children\":\"© 2026 Coding Now Tech Institute. All rights reserved.\"}],[\"$\",\"div\",null,{\"className\":\"footer-bottom-links\",\"style\":{\"gap\":12,\"flexWrap\":\"wrap\",\"justifyContent\":\"center\"},\"children\":[[\"$\",\"a\",null,{\"href\":\"/privacy-policy/\",\"children\":\"Privacy Policy\"}],[\"$\",\"a\",null,{\"href\":\"/terms/\",\"children\":\"Terms of Use\"}],[\"$\",\"a\",null,{\"href\":\"/refund-policy/\",\"children\":\"Refund Policy\"}],[\"$\",\"$L2a\",null,{\"href\":\"/enroll-now\",\"children\":\"Contact\"}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"min-h-screen flex items-center justify-center bg-gradient-to-br from-[#064e3b] via-[#04392a] to-[#064e3b] px-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center max-w-md\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-[120px] md:text-[160px] font-black text-white/10 leading-none select-none\",\"children\":\"404\"}],[\"$\",\"h2\",null,{\"className\":\"text-2xl md:text-3xl font-bold text-white -mt-8 mb-3\",\"children\":\"Page Not Found\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-300 text-sm md:text-base mb-8\",\"children\":\"The page you're looking for doesn't exist or has been moved. Let's get you back on track.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row items-center justify-center gap-4\",\"children\":[[\"$\",\"$L2a\",null,{\"href\":\"/\",\"className\":\"flex items-center gap-2 bg-white text-[#064e3b] font-semibold px-6 py-3 rounded-lg hover:bg-gray-100 transition-colors\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\",\"key\":\"5wwlr5\"}],[\"path\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\",\"key\":\"r6nss1\"}]],\"className\":\"lucide-house\",\"size\":18}],\" Go Home\"]}],[\"$\",\"$L2a\",null,{\"href\":\"/courses\",\"className\":\"flex items-center gap-2 border border-white/30 text-white font-semibold px-6 py-3 rounded-lg hover:bg-white/10 transition-colors\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m12 19-7-7 7-7\",\"key\":\"1l729n\"}],[\"path\",{\"d\":\"M19 12H5\",\"key\":\"x3x0zl\"}]],\"className\":\"lucide-arrow-left\",\"size\":18}],\" Browse Courses\"]}],[\"$\",\"$L2a\",null,{\"href\":\"/blog\",\"className\":\"flex items-center gap-2 border border-white/30 text-white font-semibold px-6 py-3 rounded-lg hover:bg-white/10 transition-colors\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:notFound:0:props:children:props:children:3:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-left\",\"size\":18}],\" Read the Blog\"]}]]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"1c:[\"$\",\"$L2b\",null,{}]\n"])</script><script>self.__next_f.push([1,"2c:T5d6,"])</script><script>self.__next_f.push([1,"[{\"@context\":\"https://schema.org\",\"@type\":\"TechArticle\",\"@id\":\"https://www.codingnowai.com/notes/html/html-form-elements/#article\",\"headline\":\"HTML Form Elements\",\"description\":\"Inputs, selects, textareas and buttons each collect a different kind of data. Knowing the full range of form elements lets you design any data-entry flow.\",\"author\":{\"@type\":\"Organization\",\"name\":\"Coding Now Tech Institute\",\"url\":\"https://www.codingnowai.com\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Coding Now Tech Institute\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://www.codingnowai.com/images/logo.jpeg\"}},\"url\":\"https://www.codingnowai.com/notes/html/html-form-elements/\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://www.codingnowai.com/notes/html/html-form-elements/\"},\"inLanguage\":\"en-IN\",\"wordCount\":721,\"isPartOf\":{\"@type\":\"CreativeWorkSeries\",\"name\":\"HTML Notes\",\"url\":\"https://www.codingnowai.com/notes/html/\"},\"speakable\":{\"@type\":\"SpeakableSpecification\",\"cssSelector\":[\"h1\",\"h2\",\".post-body \u003e p:first-of-type\"]},\"profiling\":{\"@type\":\"Text\",\"name\":\"code-example\"}},{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://www.codingnowai.com/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Notes\",\"item\":\"https://www.codingnowai.com/notes/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML Notes\",\"item\":\"https://www.codingnowai.com/notes/html/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"HTML Form Elements\"}]}]"])</script><script>self.__next_f.push([1,"1f:[\"$\",\"main\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2c\"}}],[\"$\",\"section\",null,{\"className\":\"post-hero\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"nav\",null,{\"className\":\"crumb\",\"aria-label\":\"Breadcrumb\",\"children\":[[\"$\",\"$L2a\",null,{\"href\":\"/\",\"children\":\"Home\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}],[\"$\",\"$L2a\",null,{\"href\":\"/notes\",\"children\":\"Notes\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}],[\"$\",\"$L2a\",null,{\"href\":\"/notes/html\",\"children\":\"HTML\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}],[[\"$\",\"$L2a\",null,{\"href\":\"/notes/html#cat-html-forms\",\"children\":\"HTML Forms\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}]],[\"$\",\"span\",null,{\"className\":\"cur\",\"children\":\"HTML Form Elements\"}]]}],[\"$\",\"$L2a\",null,{\"href\":\"/notes/html\",\"className\":\"post-back\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:notFound:0:props:children:props:children:3:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-left\",\"size\":14}],\" Back to \",\"HTML\",\" Notes\"]}],[\"$\",\"br\",null,{}],[\"$\",\"$Lf\",null,{\"src\":\"/svgs/HTML.svg\",\"alt\":\"\",\"width\":40,\"height\":40,\"unoptimized\":true,\"className\":\"hero-icon\"}],[\"$\",\"span\",null,{\"className\":\"post-cat-badge\",\"children\":[\"Topic #\",62]}],[\"$\",\"h1\",null,{\"className\":\"post-title\",\"children\":\"HTML Form Elements\"}],[\"$\",\"p\",null,{\"className\":\"topic-intro\",\"children\":\"Inputs, selects, textareas and buttons each collect a different kind of data. Knowing the full range of form elements lets you design any data-entry flow.\"}],[\"$\",\"div\",null,{\"className\":\"post-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"HTML\",\" Notes · Coding Now Tech Institute\"]}],[\"$\",\"span\",null,{\"children\":[4,\" min read\"]}],false,[\"$\",\"a\",null,{\"href\":\"https://www.w3schools.com/html/html_form_elements.asp\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"style\":{\"color\":\"inherit\",\"textDecoration\":\"underline\"},\"children\":\"Source\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"note-layout\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"nav\",null,{\"className\":\"lesson-outline\",\"aria-label\":\"In this lesson\",\"children\":[[\"$\",\"strong\",null,{\"children\":\"In this lesson\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"a\",\"the-html-elements\",{\"href\":\"#the-html-elements\",\"children\":\"The HTML Elements\"}],[\"$\",\"a\",\"the-element\",{\"href\":\"#the-element\",\"children\":\"The Element\"}],[\"$\",\"a\",\"the-element-2\",{\"href\":\"#the-element-2\",\"children\":\"The Element\"}],[\"$\",\"a\",\"the-element-3\",{\"href\":\"#the-element-3\",\"children\":\"The Element\"}],[\"$\",\"a\",\"the-element-4\",{\"href\":\"#the-element-4\",\"children\":\"The Element\"}],\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\",\"$L31\"]}]]}],\"$L32\",\"$L33\",\"$L34\"]}],\"$L35\"]}],\"$L36\"]}]\n"])</script><script>self.__next_f.push([1,"6c:I[46042,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\",\"/_next/static/chunks/1582pnnvs.4wi.js\"],\"default\"]\n2d:[\"$\",\"a\",\"the-element-5\",{\"href\":\"#the-element-5\",\"children\":\"The Element\"}]\n2e:[\"$\",\"a\",\"the-and-elements\",{\"href\":\"#the-and-elements\",\"children\":\"The and Elements\"}]\n2f:[\"$\",\"a\",\"the-element-7\",{\"href\":\"#the-element-7\",\"children\":\"The Element\"}]\n30:[\"$\",\"a\",\"the-element-8\",{\"href\":\"#the-element-8\",\"children\":\"The Element\"}]\n31:[\"$\",\"a\",\"html-form-elements\",{\"href\":\"#html-form-elements\",\"children\":\"HTML Form Elements\"}]\n37:T21bb,"])</script><script>self.__next_f.push([1,"\u003chr\u003e\n\u003cp\u003eThis chapter describes all the different HTML form elements.\u003c/p\u003e\n\u003chr\u003e\n\u003ch2 id=\"the-html-elements\"\u003eThe HTML \u003cform\u003e Elements\u003c/h2\u003e\n\u003cp\u003eThe HTML \u003ccode\u003e\u0026#x3C;form\u003e\u003c/code\u003e element can contain one or more of the following form elements:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ccode\u003e\u0026#x3C;input\u003e\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u0026#x3C;label\u003e\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u0026#x3C;select\u003e\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u0026#x3C;textarea\u003e\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u0026#x3C;button\u003e\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u0026#x3C;fieldset\u003e\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u0026#x3C;legend\u003e\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u0026#x3C;datalist\u003e\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u0026#x3C;output\u003e\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u0026#x3C;option\u003e\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003e\u0026#x3C;optgroup\u003e\u003c/code\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr\u003e\n\u003ch2 id=\"the-element\"\u003eThe \u003cinput\u003e Element\u003c/h2\u003e\n\u003cp\u003eOne of the most used form elements is the \u003ccode\u003e\u0026#x3C;input\u003e\u003c/code\u003e element.\u003c/p\u003e\n\u003cp\u003eThe \u003ccode\u003e\u0026#x3C;input\u003e\u003c/code\u003e element can be displayed in several ways, depending on the \u003ccode\u003etype\u003c/code\u003e attribute.\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e \u0026#x3C;label for=\"fname\"\u003eFirst name:\u0026#x3C;/label\u003e\n\u0026#x3C;input type=\"text\" id=\"fname\" name=\"fname\"\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eAll the different values of the \u003ccode\u003etype\u003c/code\u003e attribute are covered in the next chapter: HTML Input Types.\u003c/p\u003e\n\u003chr\u003e\n\u003ch2 id=\"the-element-2\"\u003eThe \u003clabel\u003e Element\u003c/h2\u003e\n\u003cp\u003eThe \u003ccode\u003e\u0026#x3C;label\u003e\u003c/code\u003e element defines a label for several form elements.\u003c/p\u003e\n\u003cp\u003eThe \u003ccode\u003e\u0026#x3C;label\u003e\u003c/code\u003e element is useful for screen-reader users, because the screen-reader will read out loud the label when the user focus on the input element.\u003c/p\u003e\n\u003cp\u003eThe \u003ccode\u003e\u0026#x3C;label\u003e\u003c/code\u003e element also help users who have difficulty clicking on very small regions (such as radio buttons or checkboxes) - because when the user clicks the text within the \u003ccode\u003e\u0026#x3C;label\u003e\u003c/code\u003e element, it toggles the radio button/checkbox.\u003c/p\u003e\n\u003cp\u003eThe \u003ccode\u003efor\u003c/code\u003e attribute of the \u003ccode\u003e\u0026#x3C;label\u003e\u003c/code\u003e tag should be equal to the \u003ccode\u003eid\u003c/code\u003e attribute of the \u003ccode\u003e\u0026#x3C;input\u003e\u003c/code\u003e element to bind them together.\u003c/p\u003e\n\u003chr\u003e\n\u003ch2 id=\"the-element-3\"\u003eThe \u003cselect\u003e Element\u003c/h2\u003e\n\u003cp\u003eThe \u003ccode\u003e\u0026#x3C;select\u003e\u003c/code\u003e element defines a drop-down list:\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e \u0026#x3C;label for=\"cars\"\u003eChoose a car:\u0026#x3C;/label\u003e\n\u0026#x3C;select id=\"cars\" name=\"cars\"\u003e\n \u0026#x3C;option value=\"volvo\"\u003eVolvo\u0026#x3C;/option\u003e\n\n \u0026#x3C;option value=\"saab\"\u003eSaab\u0026#x3C;/option\u003e\n \u0026#x3C;option value=\"fiat\"\u003eFiat\u0026#x3C;/option\u003e\n\n \u0026#x3C;option value=\"audi\"\u003eAudi\u0026#x3C;/option\u003e\n\u0026#x3C;/select\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThe \u003ccode\u003e\u0026#x3C;option\u003e\u003c/code\u003e element defines an option that can be selected.\u003c/p\u003e\n\u003cp\u003eBy default, the first item in the drop-down list is selected.\u003c/p\u003e\n\u003cp\u003eTo define a pre-selected option, add the \u003ccode\u003eselected\u003c/code\u003e attribute to the option:\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e\u0026#x3C;option value=\"fiat\" selected\u003eFiat\u0026#x3C;/option\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch3\u003eVisible Values:\u003c/h3\u003e\n\u003cp\u003eUse the \u003ccode\u003esize\u003c/code\u003e attribute to specify the number of visible values:\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e \u0026#x3C;label for=\"cars\"\u003eChoose a car:\u0026#x3C;/label\u003e\n\u0026#x3C;select id=\"cars\" name=\"cars\" size=\"3\"\u003e\n \u0026#x3C;option value=\"volvo\"\u003eVolvo\u0026#x3C;/option\u003e\n\n \u0026#x3C;option value=\"saab\"\u003eSaab\u0026#x3C;/option\u003e\n \u0026#x3C;option value=\"fiat\"\u003eFiat\u0026#x3C;/option\u003e\n\n \u0026#x3C;option value=\"audi\"\u003eAudi\u0026#x3C;/option\u003e\n\u0026#x3C;/select\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch3\u003eAllow Multiple Selections:\u003c/h3\u003e\n\u003cp\u003eUse the \u003ccode\u003emultiple\u003c/code\u003e attribute to allow the user to select more than one value:\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e \u0026#x3C;label for=\"cars\"\u003eChoose a car:\u0026#x3C;/label\u003e\n\u0026#x3C;select id=\"cars\" name=\"cars\" size=\"4\" multiple\u003e\n \u0026#x3C;option value=\"volvo\"\u003eVolvo\u0026#x3C;/option\u003e\n\n \u0026#x3C;option value=\"saab\"\u003eSaab\u0026#x3C;/option\u003e\n \u0026#x3C;option value=\"fiat\"\u003eFiat\u0026#x3C;/option\u003e\n\n \u0026#x3C;option value=\"audi\"\u003eAudi\u0026#x3C;/option\u003e\n\u0026#x3C;/select\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003chr\u003e\n\u003ch2 id=\"the-element-4\"\u003eThe \u003ctextarea\u003e Element\u003c/h2\u003e\n\u003cp\u003eThe \u003ccode\u003e\u0026#x3C;textarea\u003e\u003c/code\u003e element defines a multi-line input field (a text area):\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e \u0026#x3C;textarea name=\"message\" rows=\"10\" cols=\"30\"\u003e\nThe cat was playing in the garden.\n\u0026#x3C;/textarea\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThe \u003ccode\u003erows\u003c/code\u003e attribute specifies the visible number of lines in a text area.\u003c/p\u003e\n\u003cp\u003eThe \u003ccode\u003ecols\u003c/code\u003e attribute specifies the visible width of a text area.\u003c/p\u003e\n\u003cp\u003eThis is how the HTML code above will be displayed in a browser:\u003c/p\u003e\n\u003cp\u003eYou can also define the size of the text area by using CSS:\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e \u0026#x3C;textarea name=\"message\"\n style=\"width:200px; height:600px;\"\u003e\nThe cat was playing in the garden.\n\u0026#x3C;/textarea\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003chr\u003e\n\u003ch2 id=\"the-element-5\"\u003eThe \u003cbutton\u003e Element\u003c/h2\u003e\n\u003cp\u003eThe \u003ccode\u003e\u0026#x3C;button\u003e\u003c/code\u003e element defines a clickable button:\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e\u0026#x3C;button type=\"button\"\nonclick=\"alert('Hello World!')\"\u003eClick Me!\u0026#x3C;/button\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThis is how the HTML code above will be displayed in a browser:\u003c/p\u003e\n\u003cblockquote\u003e\n\u003cp\u003e\u003cstrong\u003eNote:\u003c/strong\u003e Always specify the \u003ccode\u003etype\u003c/code\u003e attribute for the button element. Different browsers may use different default types for the button element.\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003chr\u003e\n\u003ch2 id=\"the-and-elements\"\u003eThe \u003cfieldset\u003e and \u003clegend\u003e Elements\u003c/h2\u003e\n\u003cp\u003eThe \u003ccode\u003e\u0026#x3C;fieldset\u003e\u003c/code\u003e element is used to group related data in a form.\u003c/p\u003e\n\u003cp\u003eThe \u003ccode\u003e\u0026#x3C;legend\u003e\u003c/code\u003e element defines a caption for the \u003ccode\u003e \u0026#x3C;fieldset\u003e\u003c/code\u003e element.\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e \u0026#x3C;form action=\"/action_page.php\"\u003e\n \u0026#x3C;fieldset\u003e\n\n \u0026#x3C;legend\u003ePersonalia:\u0026#x3C;/legend\u003e\n \u0026#x3C;label for=\"fname\"\u003eFirst\n name:\u0026#x3C;/label\u003e\u0026#x3C;br\u003e\n \u0026#x3C;input type=\"text\" id=\"fname\" name=\"fname\"\n value=\"John\"\u003e\u0026#x3C;br\u003e\n \u0026#x3C;label for=\"lname\"\u003eLast name:\u0026#x3C;/label\u003e\u0026#x3C;br\u003e\n\n \u0026#x3C;input type=\"text\" id=\"lname\" name=\"lname\" value=\"Doe\"\u003e\u0026#x3C;br\u003e\u0026#x3C;br\u003e\n\n \u0026#x3C;input type=\"submit\" value=\"Submit\"\u003e\n \u0026#x3C;/fieldset\u003e\n\u0026#x3C;/form\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThis is how the HTML code above will be displayed in a browser:\u003c/p\u003e\n\u003chr\u003e\n\u003ch2 id=\"the-element-7\"\u003eThe \u003cdatalist\u003e Element\u003c/h2\u003e\n\u003cp\u003eThe \u003ccode\u003e\u0026#x3C;datalist\u003e\u003c/code\u003e element specifies a list of pre-defined options for an \u003ccode\u003e\u0026#x3C;input\u003e\u003c/code\u003e element.\u003c/p\u003e\n\u003cp\u003eUsers will see a drop-down list of the pre-defined options as they input data.\u003c/p\u003e\n\u003cp\u003eThe \u003ccode\u003elist\u003c/code\u003e attribute of the \u003ccode\u003e\u0026#x3C;input\u003e\u003c/code\u003e element, must refer to the \u003ccode\u003eid\u003c/code\u003e attribute of the \u003ccode\u003e\u0026#x3C;datalist\u003e\u003c/code\u003e element.\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e\u0026#x3C;form action=\"/action_page.php\"\u003e\n \u0026#x3C;input list=\"browsers\"\u003e\n\n \u0026#x3C;datalist id=\"browsers\"\u003e\n\n \u0026#x3C;option value=\"Edge\"\u003e\n\n \u0026#x3C;option value=\"Firefox\"\u003e\n\n \u0026#x3C;option value=\"Chrome\"\u003e\n\n \u0026#x3C;option value=\"Opera\"\u003e\n\n \u0026#x3C;option value=\"Safari\"\u003e\n\n \u0026#x3C;/datalist\u003e\n\u0026#x3C;/form\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003chr\u003e\n\u003ch2 id=\"the-element-8\"\u003eThe \u003coutput\u003e Element\u003c/h2\u003e\n\u003cp\u003eThe \u003ccode\u003e\u0026#x3C;output\u003e\u003c/code\u003e element represents the result of a calculation (like one performed by a script).\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e \u0026#x3C;form action=\"/action_page.php\"\n oninput=\"x.value=parseInt(a.value)+parseInt(b.value)\"\u003e\n 0\n\n \u0026#x3C;input type=\"range\" id=\"a\" name=\"a\" value=\"50\"\u003e\n 100 +\n\n \u0026#x3C;input type=\"number\" id=\"b\" name=\"b\" value=\"50\"\u003e\n =\n\n \u0026#x3C;output name=\"x\" for=\"a b\"\u003e\u0026#x3C;/output\u003e\n \u0026#x3C;br\u003e\u0026#x3C;br\u003e\n \u0026#x3C;input type=\"submit\"\u003e\n\n\u0026#x3C;/form\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003chr\u003e\n\u003ch2 id=\"html-form-elements\"\u003eHTML Form Elements\u003c/h2\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eTag\u003c/th\u003e\n\u003cth\u003eDescription\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cform\u003e\u003c/td\u003e\n\u003ctd\u003eDefines an HTML form for user input\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cinput\u003e\u003c/td\u003e\n\u003ctd\u003eDefines an input control\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ctextarea\u003e\u003c/td\u003e\n\u003ctd\u003eDefines a multiline input control (text area)\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003clabel\u003e\u003c/td\u003e\n\u003ctd\u003eDefines a label for an \u003cinput\u003e element\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cfieldset\u003e\u003c/td\u003e\n\u003ctd\u003eGroups related elements in a form\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003clegend\u003e\u003c/td\u003e\n\u003ctd\u003eDefines a caption for a \u003cfieldset\u003e element\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cselect\u003e\u003c/td\u003e\n\u003ctd\u003eDefines a drop-down list\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003coptgroup\u003e\u003c/td\u003e\n\u003ctd\u003eDefines a group of related options in a drop-down list\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003coption\u003e\u003c/td\u003e\n\u003ctd\u003eDefines an option in a drop-down list\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cbutton\u003e\u003c/td\u003e\n\u003ctd\u003eDefines a clickable button\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cdatalist\u003e\u003c/td\u003e\n\u003ctd\u003eSpecifies a list of pre-defined options for input controls\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003coutput\u003e\u003c/td\u003e\n\u003ctd\u003eDefines the result of a calculation\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\n\u003c/table\u003e\n\u003cblockquote\u003e\n\u003cp\u003e\u003cstrong\u003eNote:\u003c/strong\u003e For a complete list of all available HTML tags, visit our HTML Tag Reference.\u003c/p\u003e\n\u003c/blockquote\u003e\n"])</script><script>self.__next_f.push([1,"32:[\"$\",\"div\",null,{\"className\":\"post-body\",\"children\":[[\"$\",\"div\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$37\"}}],\"$L38\"]}]\n33:[\"$\",\"div\",null,{\"className\":\"prevnext\",\"children\":[[\"$\",\"$L2a\",null,{\"href\":\"/notes/html/html-form-attributes\",\"className\":\"pn-btn pn-prev\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:notFound:0:props:children:props:children:3:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-left\",\"size\":13}],\" Previous\"]}],[\"$\",\"strong\",null,{\"children\":\"HTML Form Attributes\"}]]}],[\"$\",\"$L2a\",null,{\"href\":\"/notes/html/html-input-types\",\"className\":\"pn-btn pn-next\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1\",\"children\":[\"Next \",[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]],\"className\":\"lucide-arrow-right\",\"size\":13}]]}],[\"$\",\"strong\",null,{\"children\":\"HTML Input Types\"}]]}]]}]\n34:[\"$\",\"div\",null,{\"className\":\"note-cta\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Want to go beyond the notes?\"}],[\"$\",\"p\",null,{\"children\":[\"Join Coding Now Tech Institute's \",\"HTML\",\" course — live mentorship, real projects, and 100% placement support.\"]}],[\"$\",\"$L2a\",null,{\"href\":\"/enroll-now\",\"children\":\"Enroll Now — Free Demo Available\"}]]}]\n"])</script><script>self.__next_f.push([1,"35:[\"$\",\"aside\",null,{\"className\":\"topics-side\",\"children\":[[\"$\",\"h4\",null,{\"children\":[\"HTML\",\" Notes — All Topics\"]}],[[\"$\",\"div\",\"html-tutorial\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML Tutorial\"}],[[\"$\",\"$L2a\",\"html-home\",{\"href\":\"/notes/html/html-home\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":1}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML HOME\"}]]}],[\"$\",\"$L2a\",\"html-introduction\",{\"href\":\"/notes/html/html-introduction\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":2}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Introduction\"}]]}],[\"$\",\"$L2a\",\"html-editors\",{\"href\":\"/notes/html/html-editors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":3}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Editors\"}]]}],[\"$\",\"$L2a\",\"html-basic\",{\"href\":\"/notes/html/html-basic\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":4}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Basic\"}]]}],[\"$\",\"$L2a\",\"html-elements\",{\"href\":\"/notes/html/html-elements\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":5}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Elements\"}]]}],[\"$\",\"$L2a\",\"html-attributes\",{\"href\":\"/notes/html/html-attributes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":6}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Attributes\"}]]}],[\"$\",\"$L2a\",\"html-headings\",{\"href\":\"/notes/html/html-headings\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":7}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Headings\"}]]}],[\"$\",\"$L2a\",\"html-paragraphs\",{\"href\":\"/notes/html/html-paragraphs\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":8}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Paragraphs\"}]]}],[\"$\",\"$L2a\",\"html-styles\",{\"href\":\"/notes/html/html-styles\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":9}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Styles\"}]]}],[\"$\",\"$L2a\",\"html-formatting\",{\"href\":\"/notes/html/html-formatting\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":10}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Formatting\"}]]}],[\"$\",\"$L2a\",\"html-quotations\",{\"href\":\"/notes/html/html-quotations\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":11}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Quotations\"}]]}],[\"$\",\"$L2a\",\"html-comments\",{\"href\":\"/notes/html/html-comments\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":12}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Comments\"}]]}],[\"$\",\"$L2a\",\"html-colors\",{\"href\":\"/notes/html/html-colors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":13}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Colors\"}]]}],[\"$\",\"$L2a\",\"rgb\",{\"href\":\"/notes/html/rgb\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":14}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"RGB\"}]]}],[\"$\",\"$L2a\",\"hex\",{\"href\":\"/notes/html/hex\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":15}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HEX\"}]]}],[\"$\",\"$L2a\",\"hsl\",{\"href\":\"/notes/html/hsl\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":16}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HSL\"}]]}],[\"$\",\"$L2a\",\"html-css\",{\"href\":\"/notes/html/html-css\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":17}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML CSS\"}]]}],[\"$\",\"$L2a\",\"html-links\",{\"href\":\"/notes/html/html-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":18}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Links\"}]]}],[\"$\",\"$L2a\",\"link-colors\",{\"href\":\"/notes/html/link-colors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":19}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Link Colors\"}]]}],[\"$\",\"$L2a\",\"link-bookmarks\",{\"href\":\"/notes/html/link-bookmarks\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":20}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Link Bookmarks\"}]]}],[\"$\",\"$L2a\",\"html-images\",{\"href\":\"/notes/html/html-images\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":21}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Images\"}]]}],\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\",\"$L42\",\"$L43\",\"$L44\",\"$L45\",\"$L46\",\"$L47\",\"$L48\",\"$L49\",\"$L4a\",\"$L4b\",\"$L4c\",\"$L4d\",\"$L4e\",\"$L4f\",\"$L50\",\"$L51\",\"$L52\",\"$L53\",\"$L54\",\"$L55\",\"$L56\",\"$L57\",\"$L58\",\"$L59\",\"$L5a\",\"$L5b\",\"$L5c\",\"$L5d\",\"$L5e\"]]}],\"$L5f\",\"$L60\",\"$L61\",\"$L62\",\"$L63\",\"$L64\",\"$L65\",\"$L66\",\"$L67\",\"$L68\",\"$L69\",\"$L6a\"]]}]\n"])</script><script>self.__next_f.push([1,"6b:T4bc,{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What does this HTML Form Elements note cover?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This free note from Coding Now Tech Institute explains HTML Form Elements in HTML — concept, syntax and worked code examples you can copy, run and revise before interviews.\"}},{\"@type\":\"Question\",\"name\":\"Is this HTML Form Elements tutorial free?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Every HTML topic on Coding Now Tech Institute, including HTML Form Elements, is 100% free with no signup required.\"}},{\"@type\":\"Question\",\"name\":\"How long does it take to learn HTML Form Elements?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"With focused practice, most students grasp HTML Form Elements in 1–3 days from these notes; pairing it with Coding Now Tech Institute's mentor-led course takes you to job-ready depth faster.\"}},{\"@type\":\"Question\",\"name\":\"Where can I practise HTML Form Elements after reading?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Use the code examples in this note, then ask doubts for free on the Coding Now Tech Institute Community (/community) — expert instructors answer within 24 hours.\"}}]}"])</script><script>self.__next_f.push([1,"36:[\"$\",\"section\",null,{\"className\":\"cn-faq-section\",\"aria-label\":\"HTML Form Elements – FAQs\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$6b\"}}],[\"$\",\"div\",null,{\"className\":\"cn-faq-inner\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"cn-faq-title\",\"children\":\"HTML Form Elements – FAQs\"}],[\"$\",\"p\",null,{\"className\":\"cn-faq-sub\",\"children\":\"Quick answers about learning HTML Form Elements in HTML.\"}],[\"$\",\"$L6c\",null,{\"faqs\":[{\"q\":\"What does this HTML Form Elements note cover?\",\"a\":\"This free note from Coding Now Tech Institute explains HTML Form Elements in HTML — concept, syntax and worked code examples you can copy, run and revise before interviews.\"},{\"q\":\"Is this HTML Form Elements tutorial free?\",\"a\":\"Yes. Every HTML topic on Coding Now Tech Institute, including HTML Form Elements, is 100% free with no signup required.\"},{\"q\":\"How long does it take to learn HTML Form Elements?\",\"a\":\"With focused practice, most students grasp HTML Form Elements in 1–3 days from these notes; pairing it with Coding Now Tech Institute's mentor-led course takes you to job-ready depth faster.\"},{\"q\":\"Where can I practise HTML Form Elements after reading?\",\"a\":\"Use the code examples in this note, then ask doubts for free on the Coding Now Tech Institute Community (/community) — expert instructors answer within 24 hours.\"}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"38:[\"$\",\"div\",null,{\"className\":\"share-bar\",\"children\":[[\"$\",\"strong\",null,{\"children\":\"Share:\"}],[\"$\",\"a\",null,{\"href\":\"https://wa.me/?text=HTML%20Form%20Elements%20https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fhtml%2Fhtml-form-elements%2F\",\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"share-btn s-wa\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}],\" WhatsApp\"]}],[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/shareArticle?mini=true\u0026url=https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fhtml%2Fhtml-form-elements%2F\u0026title=HTML%20Form%20Elements\",\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"share-btn s-li\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}],\" LinkedIn\"]}],[\"$\",\"a\",null,{\"href\":\"https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fhtml%2Fhtml-form-elements%2F\u0026text=HTML%20Form%20Elements\",\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"share-btn s-cp\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 512 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}],\" Copy / Share\"]}]]}]\n"])</script><script>self.__next_f.push([1,"39:[\"$\",\"$L2a\",\"image-map\",{\"href\":\"/notes/html/image-map\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":22}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Image Map\"}]]}]\n3a:[\"$\",\"$L2a\",\"background-images\",{\"href\":\"/notes/html/background-images\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":23}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Background Images\"}]]}]\n3b:[\"$\",\"$L2a\",\"the-picture-element\",{\"href\":\"/notes/html/the-picture-element\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":24}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The Picture Element\"}]]}]\n3c:[\"$\",\"$L2a\",\"html-project\",{\"href\":\"/notes/html/html-project\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":25}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Project\"}]]}]\n3d:[\"$\",\"$L2a\",\"html-favicon\",{\"href\":\"/notes/html/html-favicon\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":26}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Favicon\"}]]}]\n3e:[\"$\",\"$L2a\",\"html-page-title\",{\"href\":\"/notes/html/html-page-title\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":27}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Page Title\"}]]}]\n3f:[\"$\",\"$L2a\",\"html-tables\",{\"href\":\"/notes/html/html-tables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":28}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Tables\"}]]}]\n40:[\"$\",\"$L2a\",\"table-borders\",{\"href\":\"/notes/html/table-borders\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":29}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Borders\"}]]}]\n41:[\"$\",\"$L2a\",\"table-sizes\",{\"href\":\"/notes/html/table-sizes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":30}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Sizes\"}]]}]\n42:[\"$\",\"$L2a\",\"table-headers\",{\"href\":\"/notes/html/table-headers\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":31}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Headers\"}]]}]\n43:[\"$\",\"$L2a\",\"padding-spacing\",{\"href\":\"/notes/html/padding-spacing\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":32}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Padding \u0026 Spacing\"}]]}]\n44:[\"$\",\"$L2a\",\"colspan-rowspan\",{\"href\":\"/notes/html/colspan-rowspan\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":33}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Colspan \u0026 Rowspan\"}]]}]\n45:[\"$\",\"$L2a\",\"table-styling\",{\"href\":\"/notes/html/table-styling\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":34}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Styling\"}]]}]\n46:[\"$\",\"$L2a\",\"table-colgroup\",{\"href\":\"/notes/html/table-colgroup\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":35}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Colgroup\"}]]}]\n47:[\"$\",\"$L2a\",\"html-lists\",{\"href\":\"/notes/html/html-lists\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":36}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Lists\"}]]}]\n48:[\"$\",\"$L2a\",\"unordered-lists\",{\"href\":\"/notes/html/unordered-lists\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":37}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Unordered Lists\"}]]}]\n49:[\"$\",\"$L2a\",\"ordered-lists\",{\"href\":\"/notes/html/ordered-lists\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":38}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Ordered Lists\"}]]}]\n4a:[\"$\",\"$L2a\",\"other-lists\",{\"href\":\"/notes/html/other-lists\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":39}],[\"$\",\"span\""])</script><script>self.__next_f.push([1,",null,{\"className\":\"ts-title\",\"children\":\"Other Lists\"}]]}]\n4b:[\"$\",\"$L2a\",\"html-block-inline\",{\"href\":\"/notes/html/html-block-inline\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":40}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Block \u0026 Inline\"}]]}]\n4c:[\"$\",\"$L2a\",\"html-div\",{\"href\":\"/notes/html/html-div\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":41}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Div\"}]]}]\n4d:[\"$\",\"$L2a\",\"html-classes\",{\"href\":\"/notes/html/html-classes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":42}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Classes\"}]]}]\n4e:[\"$\",\"$L2a\",\"html-id\",{\"href\":\"/notes/html/html-id\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":43}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Id\"}]]}]\n4f:[\"$\",\"$L2a\",\"html-buttons\",{\"href\":\"/notes/html/html-buttons\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":44}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Buttons\"}]]}]\n50:[\"$\",\"$L2a\",\"html-iframes\",{\"href\":\"/notes/html/html-iframes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":45}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Iframes\"}]]}]\n51:[\"$\",\"$L2a\",\"html-javascript\",{\"href\":\"/notes/html/html-javascript\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":46}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML JavaScript\"}]]}]\n52:[\"$\",\"$L2a\",\"html-file-paths\",{\"href\":\"/notes/html/html-file-paths\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":47}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML File Paths\"}]]}]\n53:[\"$\",\"$L2a\",\"html-head\",{\"href\":\"/notes/html/html-head\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":48}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Head\"}]]}]\n54:[\"$\",\"$L2a\",\"html-layout\",{\"href\":\"/notes/html/html-layout\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":49}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Layout\"}]]}]\n55:[\"$\",\"$L2a\",\"html-responsive\",{\"href\":\"/notes/html/html-responsive\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":50}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Responsive\"}]]}]\n56:[\"$\",\"$L2a\",\"html-computercode\",{\"href\":\"/notes/html/html-computercode\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":51}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Computercode\"}]]}]\n57:[\"$\",\"$L2a\",\"html-semantics\",{\"href\":\"/notes/html/html-semantics\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":52}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Semantics\"}]]}]\n58:[\"$\",\"$L2a\",\"html-style-guide\",{\"href\":\"/notes/html/html-style-guide\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":53}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Style Guide\"}]]}]\n59:[\"$\",\"$L2a\",\"html-entities\",{\"href\":\"/notes/html/html-entities\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":54}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Entities\"}]]}]\n5a:[\"$\",\"$L2a\",\"html-symbols\",{\"href\":\"/notes/html/html-symbols\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":55}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Symbols\"}]]}]\n5b:[\"$\",\"$L2a\",\"html-emojis\",{\"href\":\"/notes/html/html-emojis\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":56}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Emojis\"}]]}]\n5c:[\"$\",\"$L2a\",\"html-charsets\",{\"href\":\"/notes/html/html-charsets\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num"])</script><script>self.__next_f.push([1,"\",\"children\":57}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Charsets\"}]]}]\n5d:[\"$\",\"$L2a\",\"html-url-encode\",{\"href\":\"/notes/html/html-url-encode\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":58}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML URL Encode\"}]]}]\n5e:[\"$\",\"$L2a\",\"html-vs-xhtml\",{\"href\":\"/notes/html/html-vs-xhtml\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":59}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML vs. XHTML\"}]]}]\n"])</script><script>self.__next_f.push([1,"5f:[\"$\",\"div\",\"html-forms\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML Forms\"}],[[\"$\",\"$L2a\",\"html-forms\",{\"href\":\"/notes/html/html-forms\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":60}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Forms\"}]]}],[\"$\",\"$L2a\",\"html-form-attributes\",{\"href\":\"/notes/html/html-form-attributes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":61}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Form Attributes\"}]]}],[\"$\",\"$L2a\",\"html-form-elements\",{\"href\":\"/notes/html/html-form-elements\",\"className\":\"ts-item active\",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":62}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Form Elements\"}]]}],[\"$\",\"$L2a\",\"html-input-types\",{\"href\":\"/notes/html/html-input-types\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":63}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Input Types\"}]]}],[\"$\",\"$L2a\",\"html-input-attributes\",{\"href\":\"/notes/html/html-input-attributes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":64}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Input Attributes\"}]]}],[\"$\",\"$L2a\",\"input-form-attributes\",{\"href\":\"/notes/html/input-form-attributes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":65}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Input Form Attributes\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"60:[\"$\",\"div\",\"html-graphics\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML Graphics\"}],[[\"$\",\"$L2a\",\"html-canvas\",{\"href\":\"/notes/html/html-canvas\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":66}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Canvas\"}]]}],[\"$\",\"$L2a\",\"html-svg\",{\"href\":\"/notes/html/html-svg\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":67}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML SVG\"}]]}]]]}]\n61:[\"$\",\"div\",\"html-media\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML Media\"}],[[\"$\",\"$L2a\",\"html-media\",{\"href\":\"/notes/html/html-media\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":68}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Media\"}]]}],[\"$\",\"$L2a\",\"html-video\",{\"href\":\"/notes/html/html-video\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":69}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Video\"}]]}],[\"$\",\"$L2a\",\"html-audio\",{\"href\":\"/notes/html/html-audio\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":70}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Audio\"}]]}],[\"$\",\"$L2a\",\"html-plug-ins\",{\"href\":\"/notes/html/html-plug-ins\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":71}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Plug-ins\"}]]}],[\"$\",\"$L2a\",\"html-youtube\",{\"href\":\"/notes/html/html-youtube\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":72}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML YouTube\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"62:[\"$\",\"div\",\"html-apis\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML APIs\"}],[[\"$\",\"$L2a\",\"html-web-apis\",{\"href\":\"/notes/html/html-web-apis\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":73}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Web APIs\"}]]}],[\"$\",\"$L2a\",\"html-geolocation\",{\"href\":\"/notes/html/html-geolocation\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":74}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Geolocation\"}]]}],[\"$\",\"$L2a\",\"html-drag-and-drop\",{\"href\":\"/notes/html/html-drag-and-drop\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":75}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Drag and Drop\"}]]}],[\"$\",\"$L2a\",\"html-web-storage\",{\"href\":\"/notes/html/html-web-storage\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":76}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Web Storage\"}]]}],[\"$\",\"$L2a\",\"html-web-workers\",{\"href\":\"/notes/html/html-web-workers\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":77}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Web Workers\"}]]}],[\"$\",\"$L2a\",\"html-sse\",{\"href\":\"/notes/html/html-sse\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":78}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML SSE\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"63:[\"$\",\"div\",\"more-basics\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML Basics\"}],[[\"$\",\"$L2a\",\"what-is-html\",{\"href\":\"/notes/html/what-is-html\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":101}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"What Is HTML? A Practical Introduction\"}]]}],[\"$\",\"$L2a\",\"html-history\",{\"href\":\"/notes/html/html-history\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":102}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML History — From 1991 to HTML5\"}]]}],[\"$\",\"$L2a\",\"html-vs-css\",{\"href\":\"/notes/html/html-vs-css\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":103}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML vs CSS — What Each One Actually Does\"}]]}],[\"$\",\"$L2a\",\"html-document-structure\",{\"href\":\"/notes/html/html-document-structure\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":105}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Document Structure\"}]]}],[\"$\",\"$L2a\",\"html-syntax\",{\"href\":\"/notes/html/html-syntax\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":106}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Syntax Basics\"}]]}],[\"$\",\"$L2a\",\"html-tags\",{\"href\":\"/notes/html/html-tags\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":109}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Tags — Paired, Void \u0026 Deprecated\"}]]}],[\"$\",\"$L2a\",\"global-attributes\",{\"href\":\"/notes/html/global-attributes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":111}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Global Attributes\"}]]}],[\"$\",\"$L2a\",\"html-block-elements\",{\"href\":\"/notes/html/html-block-elements\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":112}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Block Elements\"}]]}],[\"$\",\"$L2a\",\"html-inline-elements\",{\"href\":\"/notes/html/html-inline-elements\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":113}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Inline Elements\"}]]}],[\"$\",\"$L2a\",\"html-body\",{\"href\":\"/notes/html/html-body\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":115}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Body Element\"}]]}],[\"$\",\"$L2a\",\"html-doctype\",{\"href\":\"/notes/html/html-doctype\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":116}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Doctype\"}]]}],[\"$\",\"$L2a\",\"html-lang-attribute\",{\"href\":\"/notes/html/html-lang-attribute\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":117}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML lang Attribute\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"64:[\"$\",\"div\",\"more-text\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Text \u0026 Content\"}],[[\"$\",\"$L2a\",\"headings\",{\"href\":\"/notes/html/headings\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":201}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Headings (h1–h6)\"}]]}],[\"$\",\"$L2a\",\"paragraphs\",{\"href\":\"/notes/html/paragraphs\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":202}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Paragraphs\"}]]}],[\"$\",\"$L2a\",\"line-break\",{\"href\":\"/notes/html/line-break\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":203}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Line Break (br)\"}]]}],[\"$\",\"$L2a\",\"horizontal-rule\",{\"href\":\"/notes/html/horizontal-rule\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":204}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Horizontal Rule (hr)\"}]]}],[\"$\",\"$L2a\",\"bold-text\",{\"href\":\"/notes/html/bold-text\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":205}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Bold Text (b)\"}]]}],[\"$\",\"$L2a\",\"italic-text\",{\"href\":\"/notes/html/italic-text\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":206}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Italic Text (i)\"}]]}],[\"$\",\"$L2a\",\"underline-text\",{\"href\":\"/notes/html/underline-text\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":207}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Underline Text (u)\"}]]}],[\"$\",\"$L2a\",\"strong\",{\"href\":\"/notes/html/strong\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":208}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Strong\"}]]}],[\"$\",\"$L2a\",\"emphasis\",{\"href\":\"/notes/html/emphasis\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":209}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Emphasis (em)\"}]]}],[\"$\",\"$L2a\",\"mark\",{\"href\":\"/notes/html/mark\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":210}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Mark\"}]]}],[\"$\",\"$L2a\",\"small\",{\"href\":\"/notes/html/small\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":211}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Small\"}]]}],[\"$\",\"$L2a\",\"del\",{\"href\":\"/notes/html/del\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":212}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Deleted Text (del)\"}]]}],[\"$\",\"$L2a\",\"ins\",{\"href\":\"/notes/html/ins\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":213}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Inserted Text (ins)\"}]]}],[\"$\",\"$L2a\",\"sup\",{\"href\":\"/notes/html/sup\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":214}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Superscript (sup)\"}]]}],[\"$\",\"$L2a\",\"sub\",{\"href\":\"/notes/html/sub\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":215}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Subscript (sub)\"}]]}],[\"$\",\"$L2a\",\"blockquote\",{\"href\":\"/notes/html/blockquote\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":216}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Blockquote\"}]]}],[\"$\",\"$L2a\",\"quotes\",{\"href\":\"/notes/html/quotes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":217}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Quotes (q)\"}]]}],[\"$\",\"$L2a\",\"pre\",{\"href\":\"/notes/html/pre\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":218}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Preformatted Text (pre)\"}]]}],[\"$\",\"$L2a\",\"code-tag\",{\"href\":\"/notes/html/code-tag\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":219}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Code Tag\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"65:[\"$\",\"div\",\"more-links\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Links\"}],[[\"$\",\"$L2a\",\"links\",{\"href\":\"/notes/html/links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":301}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Links (Overview)\"}]]}],[\"$\",\"$L2a\",\"anchor-tag\",{\"href\":\"/notes/html/anchor-tag\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":302}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The a Element (Anchor Tag)\"}]]}],[\"$\",\"$L2a\",\"absolute-url\",{\"href\":\"/notes/html/absolute-url\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":303}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Absolute URL\"}]]}],[\"$\",\"$L2a\",\"relative-url\",{\"href\":\"/notes/html/relative-url\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":304}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Relative URL\"}]]}],[\"$\",\"$L2a\",\"internal-links\",{\"href\":\"/notes/html/internal-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":305}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Internal Links\"}]]}],[\"$\",\"$L2a\",\"external-links\",{\"href\":\"/notes/html/external-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":306}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"External Links\"}]]}],[\"$\",\"$L2a\",\"email-links\",{\"href\":\"/notes/html/email-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":307}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Email Links\"}]]}],[\"$\",\"$L2a\",\"telephone-links\",{\"href\":\"/notes/html/telephone-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":308}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Telephone Links\"}]]}],[\"$\",\"$L2a\",\"link-target\",{\"href\":\"/notes/html/link-target\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":309}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"link-target\"}]]}],[\"$\",\"$L2a\",\"rel-attribute\",{\"href\":\"/notes/html/rel-attribute\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":310}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"rel Attribute\"}]]}],[\"$\",\"$L2a\",\"nofollow-links\",{\"href\":\"/notes/html/nofollow-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":311}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Nofollow Links\"}]]}],[\"$\",\"$L2a\",\"download-attribute\",{\"href\":\"/notes/html/download-attribute\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":312}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"download Attribute\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"66:[\"$\",\"div\",\"more-images\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Images\"}],[[\"$\",\"$L2a\",\"images\",{\"href\":\"/notes/html/images\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":401}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Images (Overview)\"}]]}],[\"$\",\"$L2a\",\"img-tag\",{\"href\":\"/notes/html/img-tag\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":402}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The img Tag\"}]]}],[\"$\",\"$L2a\",\"image-alt-attribute\",{\"href\":\"/notes/html/image-alt-attribute\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":403}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Image alt Attribute\"}]]}],[\"$\",\"$L2a\",\"image-width-height\",{\"href\":\"/notes/html/image-width-height\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":404}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Image width \u0026 height\"}]]}],[\"$\",\"$L2a\",\"figure\",{\"href\":\"/notes/html/figure\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":405}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"figure\"}]]}],[\"$\",\"$L2a\",\"figcaption\",{\"href\":\"/notes/html/figcaption\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":406}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"figcaption\"}]]}],[\"$\",\"$L2a\",\"responsive-images\",{\"href\":\"/notes/html/responsive-images\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":407}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Responsive Images\"}]]}],[\"$\",\"$L2a\",\"srcset\",{\"href\":\"/notes/html/srcset\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":408}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"srcset\"}]]}],[\"$\",\"$L2a\",\"picture-element\",{\"href\":\"/notes/html/picture-element\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":409}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The picture Element\"}]]}],[\"$\",\"$L2a\",\"lazy-loading-images\",{\"href\":\"/notes/html/lazy-loading-images\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":410}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Lazy Loading Images\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"67:[\"$\",\"div\",\"more-lists\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Lists\"}],[[\"$\",\"$L2a\",\"lists\",{\"href\":\"/notes/html/lists\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":501}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Lists (Overview)\"}]]}],[\"$\",\"$L2a\",\"ordered-list\",{\"href\":\"/notes/html/ordered-list\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":502}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Ordered List\"}]]}],[\"$\",\"$L2a\",\"unordered-list\",{\"href\":\"/notes/html/unordered-list\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":503}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Unordered List\"}]]}],[\"$\",\"$L2a\",\"description-list\",{\"href\":\"/notes/html/description-list\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":504}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Description List\"}]]}],[\"$\",\"$L2a\",\"nested-list\",{\"href\":\"/notes/html/nested-list\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":505}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Nested List\"}]]}],[\"$\",\"$L2a\",\"list-style-attributes\",{\"href\":\"/notes/html/list-style-attributes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":506}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"List Style Attributes\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"68:[\"$\",\"div\",\"more-tables\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Tables\"}],[[\"$\",\"$L2a\",\"tables\",{\"href\":\"/notes/html/tables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":601}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Tables (Overview)\"}]]}],[\"$\",\"$L2a\",\"table-tag\",{\"href\":\"/notes/html/table-tag\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":602}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The table Tag\"}]]}],[\"$\",\"$L2a\",\"table-row\",{\"href\":\"/notes/html/table-row\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":603}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Row (tr)\"}]]}],[\"$\",\"$L2a\",\"table-cell\",{\"href\":\"/notes/html/table-cell\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":604}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Cell (td)\"}]]}],[\"$\",\"$L2a\",\"table-header\",{\"href\":\"/notes/html/table-header\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":605}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Header (th)\"}]]}],[\"$\",\"$L2a\",\"thead\",{\"href\":\"/notes/html/thead\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":606}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"thead\"}]]}],[\"$\",\"$L2a\",\"tbody\",{\"href\":\"/notes/html/tbody\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":607}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"tbody\"}]]}],[\"$\",\"$L2a\",\"tfoot\",{\"href\":\"/notes/html/tfoot\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":608}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"tfoot\"}]]}],[\"$\",\"$L2a\",\"colspan\",{\"href\":\"/notes/html/colspan\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":609}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"colspan\"}]]}],[\"$\",\"$L2a\",\"rowspan\",{\"href\":\"/notes/html/rowspan\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":610}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"rowspan\"}]]}],[\"$\",\"$L2a\",\"table-caption\",{\"href\":\"/notes/html/table-caption\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":611}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Caption\"}]]}],[\"$\",\"$L2a\",\"accessible-tables\",{\"href\":\"/notes/html/accessible-tables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":612}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Accessible Tables\"}]]}],[\"$\",\"$L2a\",\"responsive-tables\",{\"href\":\"/notes/html/responsive-tables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":613}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Responsive Tables\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"69:[\"$\",\"div\",\"more-forms\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"HTML Forms\"}],[[\"$\",\"$L2a\",\"forms\",{\"href\":\"/notes/html/forms\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":701}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Forms (Overview)\"}]]}],[\"$\",\"$L2a\",\"form-tag\",{\"href\":\"/notes/html/form-tag\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":702}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The form Tag\"}]]}],[\"$\",\"$L2a\",\"input\",{\"href\":\"/notes/html/input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":703}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"input\"}]]}],[\"$\",\"$L2a\",\"input-types\",{\"href\":\"/notes/html/input-types\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":704}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Input Types\"}]]}],[\"$\",\"$L2a\",\"text-input\",{\"href\":\"/notes/html/text-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":705}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Text Input\"}]]}],[\"$\",\"$L2a\",\"email-input\",{\"href\":\"/notes/html/email-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":706}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Email Input\"}]]}],[\"$\",\"$L2a\",\"password-input\",{\"href\":\"/notes/html/password-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":707}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Password Input\"}]]}],[\"$\",\"$L2a\",\"number-input\",{\"href\":\"/notes/html/number-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":708}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Number Input\"}]]}],[\"$\",\"$L2a\",\"date-input\",{\"href\":\"/notes/html/date-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":709}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Date Input\"}]]}],[\"$\",\"$L2a\",\"time-input\",{\"href\":\"/notes/html/time-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":710}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Time Input\"}]]}],[\"$\",\"$L2a\",\"file-input\",{\"href\":\"/notes/html/file-input\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":711}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"File Input\"}]]}],[\"$\",\"$L2a\",\"checkbox\",{\"href\":\"/notes/html/checkbox\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":712}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Checkbox\"}]]}],[\"$\",\"$L2a\",\"radio-button\",{\"href\":\"/notes/html/radio-button\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":713}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Radio Button\"}]]}],[\"$\",\"$L2a\",\"select\",{\"href\":\"/notes/html/select\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":714}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"select\"}]]}],[\"$\",\"$L2a\",\"option\",{\"href\":\"/notes/html/option\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":715}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"option\"}]]}],[\"$\",\"$L2a\",\"textarea\",{\"href\":\"/notes/html/textarea\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":716}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"textarea\"}]]}],[\"$\",\"$L2a\",\"button\",{\"href\":\"/notes/html/button\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":717}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"button\"}]]}],[\"$\",\"$L2a\",\"label\",{\"href\":\"/notes/html/label\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":718}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"label\"}]]}],[\"$\",\"$L2a\",\"fieldset\",{\"href\":\"/notes/html/fieldset\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":719}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"fieldset\"}]]}],[\"$\",\"$L2a\",\"legend\",{\"href\":\"/notes/html/legend\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":720}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"legend\"}]]}],[\"$\",\"$L2a\",\"datalist\",{\"href\":\"/notes/html/datalist\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":721}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"datalist\"}]]}],[\"$\",\"$L2a\",\"output\",{\"href\":\"/notes/html/output\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":722}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"output\"}]]}],[\"$\",\"$L2a\",\"form-validation\",{\"href\":\"/notes/html/form-validation\",\"className\":\"ts-item \",\"children\":[\"$L6d\",\"$L6e\"]}],\"$L6f\",\"$L70\",\"$L71\",\"$L72\",\"$L73\",\"$L74\",\"$L75\",\"$L76\"]]}]\n"])</script><script>self.__next_f.push([1,"6a:[\"$\",\"div\",\"more-semantic\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Semantic HTML\"}],[[\"$\",\"$L2a\",\"semantic-html\",{\"href\":\"/notes/html/semantic-html\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":801}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Semantic HTML — Complete Guide\"}]]}],[\"$\",\"$L2a\",\"header\",{\"href\":\"/notes/html/header\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":802}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The header Element\"}]]}],[\"$\",\"$L2a\",\"nav\",{\"href\":\"/notes/html/nav\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":803}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The nav Element\"}]]}],[\"$\",\"$L2a\",\"main\",{\"href\":\"/notes/html/main\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":804}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The main Element\"}]]}],[\"$\",\"$L2a\",\"section\",{\"href\":\"/notes/html/section\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":805}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The section Element\"}]]}],[\"$\",\"$L2a\",\"article\",{\"href\":\"/notes/html/article\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":806}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The article Element\"}]]}],[\"$\",\"$L2a\",\"aside\",{\"href\":\"/notes/html/aside\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":807}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The aside Element\"}]]}],[\"$\",\"$L2a\",\"footer\",{\"href\":\"/notes/html/footer\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":808}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The footer Element\"}]]}],[\"$\",\"$L2a\",\"address\",{\"href\":\"/notes/html/address\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":809}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The address Element\"}]]}],[\"$\",\"$L2a\",\"details\",{\"href\":\"/notes/html/details\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":810}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The details and summary Elements\"}]]}],[\"$\",\"$L2a\",\"time\",{\"href\":\"/notes/html/time\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":811}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"The time Element\"}]]}],[\"$\",\"$L2a\",\"semantic-vs-non-semantic-html\",{\"href\":\"/notes/html/semantic-vs-non-semantic-html\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":812}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Semantic vs Non-Semantic HTML\"}]]}],[\"$\",\"$L2a\",\"div-vs-section\",{\"href\":\"/notes/html/div-vs-section\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":813}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"div vs section\"}]]}],[\"$\",\"$L2a\",\"article-vs-section\",{\"href\":\"/notes/html/article-vs-section\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":814}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"article vs section\"}]]}],[\"$\",\"$L2a\",\"header-vs-head\",{\"href\":\"/notes/html/header-vs-head\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":815}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"header vs head\"}]]}],[\"$\",\"$L2a\",\"nav-best-practices\",{\"href\":\"/notes/html/nav-best-practices\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":816}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Nav Best Practices\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"6d:[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":723}]\n6e:[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Form Validation\"}]\n6f:[\"$\",\"$L2a\",\"required\",{\"href\":\"/notes/html/required\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":724}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"required\"}]]}]\n70:[\"$\",\"$L2a\",\"pattern\",{\"href\":\"/notes/html/pattern\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":725}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"pattern\"}]]}]\n71:[\"$\",\"$L2a\",\"min-max\",{\"href\":\"/notes/html/min-max\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":726}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"min and max\"}]]}]\n72:[\"$\",\"$L2a\",\"placeholder\",{\"href\":\"/notes/html/placeholder\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":727}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"placeholder\"}]]}]\n73:[\"$\",\"$L2a\",\"autocomplete\",{\"href\":\"/notes/html/autocomplete\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":728}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"autocomplete\"}]]}]\n74:[\"$\",\"$L2a\",\"form-method\",{\"href\":\"/notes/html/form-method\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":729}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"form method\"}]]}]\n75:[\"$\",\"$L2a\",\"form-action\",{\"href\":\"/notes/html/form-action\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":730}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"form action\"}]]}]\n76:[\"$\",\"$L2a\",\"get-vs-post\",{\"href\":\"/notes/html/get-vs-post\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":731}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"GET vs POST\"}]]}]\n"])</script><script>self.__next_f.push([1,"25:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"77:I[27201,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"IconMark\"]\n22:null\n"])</script><script>self.__next_f.push([1,"27:[[\"$\",\"title\",\"0\",{\"children\":\"HTML Form Elements – HTML Notes | Coding Now Tech Institute\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Inputs, selects, textareas and buttons each collect a different kind of data. Knowing the full range of form elements lets you design any data-entry flow.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://www.codingnowai.com\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Coding Now Tech Institute\"}],[\"$\",\"link\",\"4\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"5\",{\"name\":\"keywords\",\"content\":\"html html form elements,html form elements notes,html form elements tutorial,html form elements with examples,learn html\"}],[\"$\",\"meta\",\"6\",{\"name\":\"creator\",\"content\":\"Coding Now Tech Institute\"}],[\"$\",\"meta\",\"7\",{\"name\":\"publisher\",\"content\":\"Coding Now Tech Institute\"}],[\"$\",\"meta\",\"8\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"9\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"10\",{\"name\":\"geo.region\",\"content\":\"IN-DL\"}],[\"$\",\"meta\",\"11\",{\"name\":\"geo.placename\",\"content\":\"Pitampura, Delhi\"}],[\"$\",\"meta\",\"12\",{\"name\":\"geo.position\",\"content\":\"28.699913;77.1366043\"}],[\"$\",\"meta\",\"13\",{\"name\":\"ICBM\",\"content\":\"28.699913, 77.1366043\"}],[\"$\",\"link\",\"14\",{\"rel\":\"canonical\",\"href\":\"https://www.codingnowai.com/notes/html/html-form-elements/\"}],[\"$\",\"meta\",\"15\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"16\",{\"name\":\"google-site-verification\",\"content\":\"F393WPQyD7LpOobyT3QAGfAuhUxWEkniflvikb81CjE\"}],[\"$\",\"meta\",\"17\",{\"name\":\"msvalidate01\",\"content\":\"08F1AAA96A9BAF5FD3981FFE4F93AE3D\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:title\",\"content\":\"HTML Form Elements – HTML Notes | Coding Now Tech Institute\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:description\",\"content\":\"Inputs, selects, textareas and buttons each collect a different kind of data. Knowing the full range of form elements lets you design any data-entry flow.\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:url\",\"content\":\"https://www.codingnowai.com/notes/html/html-form-elements/\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:title\",\"content\":\"Coding Now Tech Institute\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:description\",\"content\":\"Learn AI, Data Science \u0026 Full Stack with real-world mentorship and placement support.\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image\",\"content\":\"https://www.codingnowai.com/images/og-image.png\"}],[\"$\",\"link\",\"26\",{\"rel\":\"shortcut icon\",\"href\":\"/images/icons/favicon.ico\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0x3dzn~oxb6tn.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"28\",{\"rel\":\"icon\",\"href\":\"/images/icons/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/images/icons/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/images/icons/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/images/icons/android-chrome-192x192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"32\",{\"rel\":\"icon\",\"href\":\"/images/icons/android-chrome-512x512.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/icons/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L77\",\"34\",{}]]\n"])</script></body></html>