Name: Coding Now Tech Institute
Address: 2nd Floor, Kapil Vihar, Opp. Metro Pillar No.354, Pitampura, New Delhi, Delhi, 110034, IN
Telephone: +91-9667708830
Price range: ₹₹

Style Textarea

By default, a can be resized with a "grabber" in the bottom right corner. To remove the grabber, set the <code> resize</code> property to <code> none</code>:</p> <h3>Example</h3> <pre><code class="language-css">textarea { width: 100%; height: 150px; padding: 12px 20px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; background-color: #f8f8f8; resize: none; } </code></pre> <hr> <h2 id="style-a-dropdown-menu">Style a Dropdown Menu</h2> <h3>Example</h3> <pre><code class="language-css">select { width: 100%; padding: 16px 20px; border: none; border-radius: 4px; background-color: #f1f1f1; } </code></pre> <hr> <h2 id="style-form-buttons">Style Form Buttons</h2> <p>Form buttons of type "button", "submit" and "reset" can also be styled with CSS:</p> <h3>Example</h3> <pre><code class="language-css">input[type=button], input[type=submit], input[type=reset] { background-color: #04AA6D; border: none; color: white; padding: 16px 32px; text-decoration: none; margin: 4px 2px; cursor: pointer; } /* Tip: use width: 100% for full-width buttons */ </code></pre> <p>Tip: For more information about how to style buttons, read our CSS Buttons Tutorial.</p> <hr> <h2 id="css-responsive-form">CSS Responsive Form</h2> <p>The following example uses CSS media queries to create a responsive form. You will learn more about media queries in a later chapter.</p> <p>When the screen is less than 600px wide, we make the labels and input fields stack on top of each other, instead of next to each other.</p> <p>Resize the screen to see the form layout change!</p> </div><div class="share-bar"><strong>Share:</strong><a href="https://wa.me/?text=Other%20Form%20Elements%20https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fcss%2Fother-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%2Fcss%2Fother-form-elements%2F&title=Other%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%2Fcss%2Fother-form-elements%2F&text=Other%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/css/input-focus-icons/"><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>Input Focus / Icons</strong></a><a class="pn-btn pn-next" href="/notes/css/css-counters/"><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>CSS Counters</strong></a></div><div class="note-cta"><h3>Want to go beyond the notes?</h3><p>Join Coding Now Tech Institute's CSS 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>CSS Notes — All Topics</h4><div class="ts-group"><div class="ts-group-label">CSS Tutorial</div><a class="ts-item " href="/notes/css/css-home/"><span class="ts-num">1</span><span class="ts-title">CSS HOME</span></a><a class="ts-item " href="/notes/css/css-introduction/"><span class="ts-num">2</span><span class="ts-title">CSS Introduction</span></a><a class="ts-item " href="/notes/css/css-syntax/"><span class="ts-num">3</span><span class="ts-title">CSS Syntax</span></a><a class="ts-item " href="/notes/css/css-selectors/"><span class="ts-num">4</span><span class="ts-title">CSS Selectors</span></a><a class="ts-item " href="/notes/css/grouping-selectors/"><span class="ts-num">5</span><span class="ts-title">Grouping Selectors</span></a><a class="ts-item " href="/notes/css/css-how-to/"><span class="ts-num">6</span><span class="ts-title">CSS How To</span></a><a class="ts-item " href="/notes/css/add-internal-css/"><span class="ts-num">7</span><span class="ts-title">Add Internal CSS</span></a><a class="ts-item " href="/notes/css/add-inline-style/"><span class="ts-num">8</span><span class="ts-title">Add Inline Style</span></a><a class="ts-item " href="/notes/css/multiple-style-sheets/"><span class="ts-num">9</span><span class="ts-title">Multiple Style Sheets</span></a><a class="ts-item " href="/notes/css/css-comments/"><span class="ts-num">10</span><span class="ts-title">CSS Comments</span></a><a class="ts-item " href="/notes/css/css-errors/"><span class="ts-num">11</span><span class="ts-title">CSS Errors</span></a><a class="ts-item " href="/notes/css/css-colors/"><span class="ts-num">12</span><span class="ts-title">CSS Colors</span></a><a class="ts-item " href="/notes/css/rgb-rgba/"><span class="ts-num">13</span><span class="ts-title">RGB / RGBA</span></a><a class="ts-item " href="/notes/css/hex-hexa/"><span class="ts-num">14</span><span class="ts-title">HEX / HEXA</span></a><a class="ts-item " href="/notes/css/hsl-hsla/"><span class="ts-num">15</span><span class="ts-title">HSL / HSLA</span></a><a class="ts-item " href="/notes/css/css-backgrounds/"><span class="ts-num">16</span><span class="ts-title">CSS Backgrounds</span></a><a class="ts-item " href="/notes/css/background-image/"><span class="ts-num">17</span><span class="ts-title">Background Image</span></a><a class="ts-item " href="/notes/css/background-repeat/"><span class="ts-num">18</span><span class="ts-title">Background Repeat</span></a><a class="ts-item " href="/notes/css/background-attachment/"><span class="ts-num">19</span><span class="ts-title">Background Attachment</span></a><a class="ts-item " href="/notes/css/background-shorthand/"><span class="ts-num">20</span><span class="ts-title">Background Shorthand</span></a><a class="ts-item " href="/notes/css/css-borders/"><span class="ts-num">21</span><span class="ts-title">CSS Borders</span></a><a class="ts-item " href="/notes/css/border-width/"><span class="ts-num">22</span><span class="ts-title">Border Width</span></a><a class="ts-item " href="/notes/css/border-color/"><span class="ts-num">23</span><span class="ts-title">Border Color</span></a><a class="ts-item " href="/notes/css/border-sides/"><span class="ts-num">24</span><span class="ts-title">Border Sides</span></a><a class="ts-item " href="/notes/css/border-shorthand/"><span class="ts-num">25</span><span class="ts-title">Border Shorthand</span></a><a class="ts-item " href="/notes/css/rounded-borders/"><span class="ts-num">26</span><span class="ts-title">Rounded Borders</span></a><a class="ts-item " href="/notes/css/css-margins/"><span class="ts-num">27</span><span class="ts-title">CSS Margins</span></a><a class="ts-item " href="/notes/css/margin-collapse/"><span class="ts-num">28</span><span class="ts-title">Margin Collapse</span></a><a class="ts-item " href="/notes/css/css-padding/"><span class="ts-num">29</span><span class="ts-title">CSS Padding</span></a><a class="ts-item " href="/notes/css/padding-box-sizing/"><span class="ts-num">30</span><span class="ts-title">Padding box-sizing</span></a><a class="ts-item " href="/notes/css/css-height-width/"><span class="ts-num">31</span><span class="ts-title">CSS Height / Width</span></a><a class="ts-item " href="/notes/css/min-max/"><span class="ts-num">32</span><span class="ts-title">Min / Max</span></a><a class="ts-item " href="/notes/css/css-box-model/"><span class="ts-num">33</span><span class="ts-title">CSS Box Model</span></a><a class="ts-item " href="/notes/css/css-outline/"><span class="ts-num">34</span><span class="ts-title">CSS Outline</span></a><a class="ts-item " href="/notes/css/outline-width/"><span class="ts-num">35</span><span class="ts-title">Outline Width</span></a><a class="ts-item " href="/notes/css/outline-color/"><span class="ts-num">36</span><span class="ts-title">Outline Color</span></a><a class="ts-item " href="/notes/css/outline-shorthand/"><span class="ts-num">37</span><span class="ts-title">Outline Shorthand</span></a><a class="ts-item " href="/notes/css/outline-offset/"><span class="ts-num">38</span><span class="ts-title">Outline Offset</span></a><a class="ts-item " href="/notes/css/css-text/"><span class="ts-num">39</span><span class="ts-title">CSS Text</span></a><a class="ts-item " href="/notes/css/text-alignment/"><span class="ts-num">40</span><span class="ts-title">Text Alignment</span></a><a class="ts-item " href="/notes/css/text-decoration/"><span class="ts-num">41</span><span class="ts-title">Text Decoration</span></a><a class="ts-item " href="/notes/css/text-decoration-styles/"><span class="ts-num">42</span><span class="ts-title">Text Decoration Styles</span></a><a class="ts-item " href="/notes/css/text-transformation/"><span class="ts-num">43</span><span class="ts-title">Text Transformation</span></a><a class="ts-item " href="/notes/css/text-spacing/"><span class="ts-num">44</span><span class="ts-title">Text Spacing</span></a><a class="ts-item " href="/notes/css/text-shadow/"><span class="ts-num">45</span><span class="ts-title">Text Shadow</span></a><a class="ts-item " href="/notes/css/css-fonts/"><span class="ts-num">46</span><span class="ts-title">CSS Fonts</span></a><a class="ts-item " href="/notes/css/font-web-safe/"><span class="ts-num">47</span><span class="ts-title">Font Web Safe</span></a><a class="ts-item " href="/notes/css/font-fallbacks/"><span class="ts-num">48</span><span class="ts-title">Font Fallbacks</span></a><a class="ts-item " href="/notes/css/font-style/"><span class="ts-num">49</span><span class="ts-title">Font Style</span></a><a class="ts-item " href="/notes/css/font-size/"><span class="ts-num">50</span><span class="ts-title">Font Size</span></a><a class="ts-item " href="/notes/css/font-google/"><span class="ts-num">51</span><span class="ts-title">Font Google</span></a><a class="ts-item " href="/notes/css/font-pairings/"><span class="ts-num">52</span><span class="ts-title">Font Pairings</span></a><a class="ts-item " href="/notes/css/font-shorthand/"><span class="ts-num">53</span><span class="ts-title">Font Shorthand</span></a><a class="ts-item " href="/notes/css/css-icons/"><span class="ts-num">54</span><span class="ts-title">CSS Icons</span></a><a class="ts-item " href="/notes/css/icons-bootstrap/"><span class="ts-num">55</span><span class="ts-title">Icons: Bootstrap</span></a><a class="ts-item " href="/notes/css/icons-google/"><span class="ts-num">56</span><span class="ts-title">Icons: Google</span></a><a class="ts-item " href="/notes/css/css-links/"><span class="ts-num">57</span><span class="ts-title">CSS Links</span></a><a class="ts-item " href="/notes/css/link-buttons/"><span class="ts-num">58</span><span class="ts-title">Link Buttons</span></a><a class="ts-item " href="/notes/css/css-lists/"><span class="ts-num">59</span><span class="ts-title">CSS Lists</span></a><a class="ts-item " href="/notes/css/css-tables/"><span class="ts-num">60</span><span class="ts-title">CSS Tables</span></a><a class="ts-item " href="/notes/css/table-size/"><span class="ts-num">61</span><span class="ts-title">Table Size</span></a><a class="ts-item " href="/notes/css/table-alignment/"><span class="ts-num">62</span><span class="ts-title">Table Alignment</span></a><a class="ts-item " href="/notes/css/table-styling/"><span class="ts-num">63</span><span class="ts-title">Table Styling</span></a><a class="ts-item " href="/notes/css/table-responsive/"><span class="ts-num">64</span><span class="ts-title">Table Responsive</span></a><a class="ts-item " href="/notes/css/css-display/"><span class="ts-num">65</span><span class="ts-title">CSS Display</span></a><a class="ts-item " href="/notes/css/visibility-hide/"><span class="ts-num">66</span><span class="ts-title">Visibility / Hide</span></a><a class="ts-item " href="/notes/css/css-max-width/"><span class="ts-num">67</span><span class="ts-title">CSS Max-width</span></a><a class="ts-item " href="/notes/css/css-position/"><span class="ts-num">68</span><span class="ts-title">CSS Position</span></a><a class="ts-item " href="/notes/css/fixedabsolute-position/"><span class="ts-num">69</span><span class="ts-title">Fixed/Absolute Position</span></a><a class="ts-item " href="/notes/css/sticky-position/"><span class="ts-num">70</span><span class="ts-title">Sticky Position</span></a><a class="ts-item " href="/notes/css/css-position-offsets/"><span class="ts-num">71</span><span class="ts-title">CSS Position Offsets</span></a><a class="ts-item " href="/notes/css/css-z-index/"><span class="ts-num">72</span><span class="ts-title">CSS Z-index</span></a><a class="ts-item " href="/notes/css/css-overflow/"><span class="ts-num">73</span><span class="ts-title">CSS Overflow</span></a><a class="ts-item " href="/notes/css/overflow-x-and-y/"><span class="ts-num">74</span><span class="ts-title">Overflow X and Y</span></a><a class="ts-item " href="/notes/css/css-float/"><span class="ts-num">75</span><span class="ts-title">CSS Float</span></a><a class="ts-item " href="/notes/css/clear-clearfix/"><span class="ts-num">76</span><span class="ts-title">Clear / Clearfix</span></a><a class="ts-item " href="/notes/css/float-examples/"><span class="ts-num">77</span><span class="ts-title">Float Examples</span></a><a class="ts-item " href="/notes/css/css-inline-block/"><span class="ts-num">78</span><span class="ts-title">CSS Inline-block</span></a><a class="ts-item " href="/notes/css/css-align/"><span class="ts-num">79</span><span class="ts-title">CSS Align</span></a><a class="ts-item " href="/notes/css/horizontal-align/"><span class="ts-num">80</span><span class="ts-title">Horizontal Align</span></a><a class="ts-item " href="/notes/css/vertical-align/"><span class="ts-num">81</span><span class="ts-title">Vertical Align</span></a><a class="ts-item " href="/notes/css/css-combinators/"><span class="ts-num">82</span><span class="ts-title">CSS Combinators</span></a><a class="ts-item " href="/notes/css/css-pseudo-classes/"><span class="ts-num">83</span><span class="ts-title">CSS Pseudo-classes</span></a><a class="ts-item " href="/notes/css/interactive/"><span class="ts-num">84</span><span class="ts-title">Interactive</span></a><a class="ts-item " href="/notes/css/structural/"><span class="ts-num">85</span><span class="ts-title">Structural</span></a><a class="ts-item " href="/notes/css/css-pseudo-elements/"><span class="ts-num">86</span><span class="ts-title">CSS Pseudo-elements</span></a><a class="ts-item " href="/notes/css/text/"><span class="ts-num">87</span><span class="ts-title">Text</span></a><a class="ts-item " href="/notes/css/content/"><span class="ts-num">88</span><span class="ts-title">Content</span></a><a class="ts-item " href="/notes/css/css-opacity/"><span class="ts-num">89</span><span class="ts-title">CSS Opacity</span></a><a class="ts-item " href="/notes/css/css-navigation-bars/"><span class="ts-num">90</span><span class="ts-title">CSS Navigation Bars</span></a><a class="ts-item " href="/notes/css/vertical-navbar/"><span class="ts-num">91</span><span class="ts-title">Vertical Navbar</span></a><a class="ts-item " href="/notes/css/horizontal-navbar/"><span class="ts-num">92</span><span class="ts-title">Horizontal Navbar</span></a><a class="ts-item " href="/notes/css/css-dropdowns/"><span class="ts-num">93</span><span class="ts-title">CSS Dropdowns</span></a><a class="ts-item " href="/notes/css/advanced-dropdowns/"><span class="ts-num">94</span><span class="ts-title">Advanced Dropdowns</span></a><a class="ts-item " href="/notes/css/css-image-gallery/"><span class="ts-num">95</span><span class="ts-title">CSS Image Gallery</span></a><a class="ts-item " href="/notes/css/css-image-sprites/"><span class="ts-num">96</span><span class="ts-title">CSS Image Sprites</span></a><a class="ts-item " href="/notes/css/css-attribute-selectors/"><span class="ts-num">97</span><span class="ts-title">CSS Attribute Selectors</span></a><a class="ts-item " href="/notes/css/advanced-attr-selectors/"><span class="ts-num">98</span><span class="ts-title">Advanced Attr Selectors</span></a><a class="ts-item " href="/notes/css/css-forms/"><span class="ts-num">99</span><span class="ts-title">CSS Forms</span></a><a class="ts-item " href="/notes/css/style-inputs/"><span class="ts-num">100</span><span class="ts-title">Style Inputs</span></a><a class="ts-item " href="/notes/css/input-focus-icons/"><span class="ts-num">101</span><span class="ts-title">Input Focus / Icons</span></a><a class="ts-item active" href="/notes/css/other-form-elements/"><span class="ts-num">102</span><span class="ts-title">Other Form Elements</span></a><a class="ts-item " href="/notes/css/css-counters/"><span class="ts-num">103</span><span class="ts-title">CSS Counters</span></a><a class="ts-item " href="/notes/css/nested-counters/"><span class="ts-num">104</span><span class="ts-title">Nested Counters</span></a><a class="ts-item " href="/notes/css/css-units/"><span class="ts-num">105</span><span class="ts-title">CSS Units</span></a><a class="ts-item " href="/notes/css/absolute-units/"><span class="ts-num">106</span><span class="ts-title">Absolute Units</span></a><a class="ts-item " href="/notes/css/relative-units/"><span class="ts-num">107</span><span class="ts-title">Relative Units</span></a><a class="ts-item " href="/notes/css/css-inheritance/"><span class="ts-num">108</span><span class="ts-title">CSS Inheritance</span></a><a class="ts-item " href="/notes/css/css-specificity/"><span class="ts-num">109</span><span class="ts-title">CSS Specificity</span></a><a class="ts-item " href="/notes/css/specificity-hierarchy/"><span class="ts-num">110</span><span class="ts-title">Specificity Hierarchy</span></a><a class="ts-item " href="/notes/css/css-important/"><span class="ts-num">111</span><span class="ts-title">CSS !important</span></a><a class="ts-item " href="/notes/css/css-math-functions/"><span class="ts-num">112</span><span class="ts-title">CSS Math Functions</span></a><a class="ts-item " href="/notes/css/css-optimization/"><span class="ts-num">113</span><span class="ts-title">CSS Optimization</span></a><a class="ts-item " href="/notes/css/css-accessibility/"><span class="ts-num">114</span><span class="ts-title">CSS Accessibility</span></a><a class="ts-item " href="/notes/css/css-website-layout/"><span class="ts-num">115</span><span class="ts-title">CSS Website Layout</span></a></div><div class="ts-group"><div class="ts-group-label">CSS Advanced</div><a class="ts-item " href="/notes/css/css-rounded-corners/"><span class="ts-num">116</span><span class="ts-title">CSS Rounded Corners</span></a><a class="ts-item " href="/notes/css/css-border-images/"><span class="ts-num">117</span><span class="ts-title">CSS Border Images</span></a><a class="ts-item " href="/notes/css/css3-backgrounds/"><span class="ts-num">118</span><span class="ts-title">CSS Backgrounds</span></a><a class="ts-item " href="/notes/css/background-size/"><span class="ts-num">119</span><span class="ts-title">Background Size</span></a><a class="ts-item " href="/notes/css/background-origin/"><span class="ts-num">120</span><span class="ts-title">Background Origin</span></a><a class="ts-item " href="/notes/css/background-clip/"><span class="ts-num">121</span><span class="ts-title">Background Clip</span></a><a class="ts-item " href="/notes/css/css3-colors/"><span class="ts-num">122</span><span class="ts-title">CSS Colors</span></a><a class="ts-item " href="/notes/css/color-keywords/"><span class="ts-num">123</span><span class="ts-title">Color Keywords</span></a><a class="ts-item " href="/notes/css/css-gradients/"><span class="ts-num">124</span><span class="ts-title">CSS Gradients</span></a><a class="ts-item " href="/notes/css/radial-gradients/"><span class="ts-num">125</span><span class="ts-title">Radial Gradients</span></a><a class="ts-item " href="/notes/css/conic-gradients/"><span class="ts-num">126</span><span class="ts-title">Conic Gradients</span></a><a class="ts-item " href="/notes/css/css-shadows/"><span class="ts-num">127</span><span class="ts-title">CSS Shadows</span></a><a class="ts-item " href="/notes/css/box-shadow/"><span class="ts-num">128</span><span class="ts-title">Box Shadow</span></a><a class="ts-item " href="/notes/css/css-text-effects/"><span class="ts-num">129</span><span class="ts-title">CSS Text Effects</span></a><a class="ts-item " href="/notes/css/css-custom-fonts/"><span class="ts-num">130</span><span class="ts-title">CSS Custom Fonts</span></a><a class="ts-item " href="/notes/css/css-2d-transforms/"><span class="ts-num">131</span><span class="ts-title">CSS 2D Transforms</span></a><a class="ts-item " href="/notes/css/scale/"><span class="ts-num">132</span><span class="ts-title">Scale</span></a><a class="ts-item " href="/notes/css/skew-matrix/"><span class="ts-num">133</span><span class="ts-title">Skew / Matrix</span></a><a class="ts-item " href="/notes/css/css-3d-transforms/"><span class="ts-num">134</span><span class="ts-title">CSS 3D Transforms</span></a><a class="ts-item " href="/notes/css/3d-perspective/"><span class="ts-num">135</span><span class="ts-title">3D Perspective</span></a><a class="ts-item " href="/notes/css/css-transitions/"><span class="ts-num">136</span><span class="ts-title">CSS Transitions</span></a><a class="ts-item " href="/notes/css/transition-timing/"><span class="ts-num">137</span><span class="ts-title">Transition Timing</span></a><a class="ts-item " href="/notes/css/css-animations/"><span class="ts-num">138</span><span class="ts-title">CSS Animations</span></a><a class="ts-item " href="/notes/css/animation-timing/"><span class="ts-num">139</span><span class="ts-title">Animation Timing</span></a><a class="ts-item " href="/notes/css/animation-properties/"><span class="ts-num">140</span><span class="ts-title">Animation Properties</span></a><a class="ts-item " href="/notes/css/css-tooltips/"><span class="ts-num">141</span><span class="ts-title">CSS Tooltips</span></a><a class="ts-item " href="/notes/css/tooltip-arrows/"><span class="ts-num">142</span><span class="ts-title">Tooltip Arrows</span></a><a class="ts-item " href="/notes/css/css-image-styling/"><span class="ts-num">143</span><span class="ts-title">CSS Image Styling</span></a><a class="ts-item " href="/notes/css/image-effects/"><span class="ts-num">144</span><span class="ts-title">Image Effects</span></a><a class="ts-item " href="/notes/css/hover-overlays/"><span class="ts-num">145</span><span class="ts-title">Hover Overlays</span></a><a class="ts-item " href="/notes/css/css-image-modal/"><span class="ts-num">146</span><span class="ts-title">CSS Image Modal</span></a><a class="ts-item " href="/notes/css/css-image-centering/"><span class="ts-num">147</span><span class="ts-title">CSS Image Centering</span></a><a class="ts-item " href="/notes/css/css-image-filters/"><span class="ts-num">148</span><span class="ts-title">CSS Image Filters</span></a><a class="ts-item " href="/notes/css/css-image-shapes/"><span class="ts-num">149</span><span class="ts-title">CSS Image Shapes</span></a><a class="ts-item " href="/notes/css/css-object-fit/"><span class="ts-num">150</span><span class="ts-title">CSS object-fit</span></a><a class="ts-item " href="/notes/css/css-object-position/"><span class="ts-num">151</span><span class="ts-title">CSS object-position</span></a><a class="ts-item " href="/notes/css/css-masking/"><span class="ts-num">152</span><span class="ts-title">CSS Masking</span></a><a class="ts-item " href="/notes/css/masking-gradients/"><span class="ts-num">153</span><span class="ts-title">Masking - Gradients</span></a><a class="ts-item " href="/notes/css/masking-svg/"><span class="ts-num">154</span><span class="ts-title">Masking - SVG</span></a><a class="ts-item " href="/notes/css/css-buttons/"><span class="ts-num">155</span><span class="ts-title">CSS Buttons</span></a><a class="ts-item " href="/notes/css/hover-effects/"><span class="ts-num">156</span><span class="ts-title">Hover Effects</span></a><a class="ts-item " href="/notes/css/button-groups/"><span class="ts-num">157</span><span class="ts-title">Button Groups</span></a><a class="ts-item " href="/notes/css/css-pagination/"><span class="ts-num">158</span><span class="ts-title">CSS Pagination</span></a><a class="ts-item " href="/notes/css/pagination-styles/"><span class="ts-num">159</span><span class="ts-title">Pagination Styles</span></a><a class="ts-item " href="/notes/css/css-multiple-columns/"><span class="ts-num">160</span><span class="ts-title">CSS Multiple Columns</span></a><a class="ts-item " href="/notes/css/multiple-column-rules/"><span class="ts-num">161</span><span class="ts-title">Multiple Column Rules</span></a><a class="ts-item " href="/notes/css/css-user-interface/"><span class="ts-num">162</span><span class="ts-title">CSS User Interface</span></a><a class="ts-item " href="/notes/css/css-variables/"><span class="ts-num">163</span><span class="ts-title">CSS Variables</span></a><a class="ts-item " href="/notes/css/overriding-variables/"><span class="ts-num">164</span><span class="ts-title">Overriding Variables</span></a><a class="ts-item " href="/notes/css/variables-and-javascript/"><span class="ts-num">165</span><span class="ts-title">Variables and JavaScript</span></a><a class="ts-item " href="/notes/css/variables-in-mq/"><span class="ts-num">166</span><span class="ts-title">Variables in MQ</span></a><a class="ts-item " href="/notes/css/css-property/"><span class="ts-num">167</span><span class="ts-title">CSS @property</span></a><a class="ts-item " href="/notes/css/css-box-sizing/"><span class="ts-num">168</span><span class="ts-title">CSS Box Sizing</span></a><a class="ts-item " href="/notes/css/css-media-queries/"><span class="ts-num">169</span><span class="ts-title">CSS Media Queries</span></a><a class="ts-item " href="/notes/css/mq-examples/"><span class="ts-num">170</span><span class="ts-title">MQ Examples</span></a></div><div class="ts-group"><div class="ts-group-label">CSS Flexbox</div><a class="ts-item " href="/notes/css/flexbox-intro/"><span class="ts-num">171</span><span class="ts-title">Flexbox Intro</span></a><a class="ts-item " href="/notes/css/flex-container/"><span class="ts-num">172</span><span class="ts-title">Flex Container</span></a><a class="ts-item " href="/notes/css/flexbox-justify-content/"><span class="ts-num">173</span><span class="ts-title">Flexbox Justify Content</span></a><a class="ts-item " href="/notes/css/flexbox-align-items/"><span class="ts-num">174</span><span class="ts-title">Flexbox Align Items</span></a><a class="ts-item " href="/notes/css/flex-items/"><span class="ts-num">175</span><span class="ts-title">Flex Items</span></a><a class="ts-item " href="/notes/css/flex-responsive/"><span class="ts-num">176</span><span class="ts-title">Flex Responsive</span></a></div><div class="ts-group"><div class="ts-group-label">CSS Grid</div><a class="ts-item " href="/notes/css/grid-intro/"><span class="ts-num">177</span><span class="ts-title">Grid Intro</span></a><a class="ts-item " href="/notes/css/grid-container/"><span class="ts-num">178</span><span class="ts-title">Grid Container</span></a><a class="ts-item " href="/notes/css/grid-tracks/"><span class="ts-num">179</span><span class="ts-title">Grid Tracks</span></a><a class="ts-item " href="/notes/css/grid-gaps/"><span class="ts-num">180</span><span class="ts-title">Grid Gaps</span></a><a class="ts-item " href="/notes/css/grid-align/"><span class="ts-num">181</span><span class="ts-title">Grid Align</span></a><a class="ts-item " href="/notes/css/grid-items/"><span class="ts-num">182</span><span class="ts-title">Grid Items</span></a><a class="ts-item " href="/notes/css/grid-item-named/"><span class="ts-num">183</span><span class="ts-title">Grid Item Named</span></a><a class="ts-item " href="/notes/css/grid-item-align/"><span class="ts-num">184</span><span class="ts-title">Grid Item Align</span></a><a class="ts-item " href="/notes/css/grid-item-order/"><span class="ts-num">185</span><span class="ts-title">Grid Item Order</span></a><a class="ts-item " href="/notes/css/grid-12-column-layout/"><span class="ts-num">186</span><span class="ts-title">Grid 12-column Layout</span></a><a class="ts-item " href="/notes/css/css-supports/"><span class="ts-num">187</span><span class="ts-title">CSS @supports</span></a></div><div class="ts-group"><div class="ts-group-label">CSS Responsive</div><a class="ts-item " href="/notes/css/rwd-intro/"><span class="ts-num">188</span><span class="ts-title">RWD Intro</span></a><a class="ts-item " href="/notes/css/rwd-viewport/"><span class="ts-num">189</span><span class="ts-title">RWD Viewport</span></a><a class="ts-item " href="/notes/css/rwd-grid-view/"><span class="ts-num">190</span><span class="ts-title">RWD Grid View</span></a><a class="ts-item " href="/notes/css/rwd-media-queries/"><span class="ts-num">191</span><span class="ts-title">RWD Media Queries</span></a><a class="ts-item " href="/notes/css/rwd-images/"><span class="ts-num">192</span><span class="ts-title">RWD Images</span></a><a class="ts-item " href="/notes/css/rwd-videos/"><span class="ts-num">193</span><span class="ts-title">RWD Videos</span></a><a class="ts-item " href="/notes/css/rwd-frameworks/"><span class="ts-num">194</span><span class="ts-title">RWD Frameworks</span></a><a class="ts-item " href="/notes/css/rwd-templates/"><span class="ts-num">195</span><span class="ts-title">RWD Templates</span></a></div></aside></div><section class="cn-faq-section" aria-label="Other Form Elements – FAQs"><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What does this Other Form Elements note cover?","acceptedAnswer":{"@type":"Answer","text":"This free note from Coding Now Tech Institute explains Other Form Elements in CSS — concept, syntax and worked code examples you can copy, run and revise before interviews."}},{"@type":"Question","name":"Is this Other Form Elements tutorial free?","acceptedAnswer":{"@type":"Answer","text":"Yes. Every CSS topic on Coding Now Tech Institute, including Other Form Elements, is 100% free with no signup required."}},{"@type":"Question","name":"How long does it take to learn Other Form Elements?","acceptedAnswer":{"@type":"Answer","text":"With focused practice, most students grasp Other 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 Other 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">Other Form Elements – FAQs</h2><p class="cn-faq-sub">Quick answers about learning Other Form Elements in CSS.</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 Other 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 Other Form Elements in CSS — 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 Other Form Elements tutorial free?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">Yes. Every CSS topic on Coding Now Tech Institute, including Other 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 Other Form Elements?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">With focused practice, most students grasp Other 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 Other 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\",\"css\",\"other-form-elements\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"notes\",{\"children\":[[\"slug\",\"css\",\"d\",null],{\"children\":[[\"topic\",\"other-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:T5c3,"])</script><script>self.__next_f.push([1,"[{\"@context\":\"https://schema.org\",\"@type\":\"TechArticle\",\"@id\":\"https://www.codingnowai.com/notes/css/other-form-elements/#article\",\"headline\":\"Other Form Elements\",\"description\":\"Textareas, selects and fieldset groups each need their own styling approach. Completing the form toolkit makes any input flow designable.\",\"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/css/other-form-elements/\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://www.codingnowai.com/notes/css/other-form-elements/\"},\"inLanguage\":\"en-IN\",\"wordCount\":193,\"isPartOf\":{\"@type\":\"CreativeWorkSeries\",\"name\":\"CSS Notes\",\"url\":\"https://www.codingnowai.com/notes/css/\"},\"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\":\"CSS Notes\",\"item\":\"https://www.codingnowai.com/notes/css/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Other Form Elements\"}]}]"])</script><script>self.__next_f.push([1,"2d:T688,"])</script><script>self.__next_f.push([1,"\u003chr\u003e\n\u003ch2 id=\"style-textarea\"\u003eStyle Textarea\u003c/h2\u003e\n\u003cp\u003eBy default, a \u003ctextarea\u003e can be resized with a \"grabber\" in the bottom right corner. To remove the grabber, set the \u003ccode\u003e resize\u003c/code\u003e property to \u003ccode\u003e none\u003c/code\u003e:\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-css\"\u003etextarea\n{\n width: 100%;\n height: 150px;\n padding: 12px 20px;\n\nbox-sizing: border-box;\n border: 2px solid #ccc;\n\nborder-radius: 4px;\n background-color: #f8f8f8;\n resize: none;\n\n}\n\u003c/code\u003e\u003c/pre\u003e\n\u003chr\u003e\n\u003ch2 id=\"style-a-dropdown-menu\"\u003eStyle a Dropdown Menu\u003c/h2\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-css\"\u003eselect\n{\n width: 100%;\n padding: 16px 20px;\n\nborder: none;\n border-radius: 4px;\n background-color: #f1f1f1;\n\n}\n\u003c/code\u003e\u003c/pre\u003e\n\u003chr\u003e\n\u003ch2 id=\"style-form-buttons\"\u003eStyle Form Buttons\u003c/h2\u003e\n\u003cp\u003eForm buttons of type \"button\", \"submit\" and \"reset\" can also be styled with CSS:\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-css\"\u003einput[type=button], input[type=submit], input[type=reset]\n{\n background-color: #04AA6D;\n border:\nnone;\n color: white;\n padding:\n16px 32px;\n text-decoration: none;\n\nmargin: 4px 2px;\n cursor: pointer;\n\n}\n\n/* Tip: use width: 100% for full-width buttons */\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eTip: For more information about how to style buttons, read our CSS Buttons Tutorial.\u003c/p\u003e\n\u003chr\u003e\n\u003ch2 id=\"css-responsive-form\"\u003eCSS Responsive Form\u003c/h2\u003e\n\u003cp\u003eThe following example uses CSS media queries to create a responsive form. You will learn more about media queries in a later chapter.\u003c/p\u003e\n\u003cp\u003eWhen the screen is less than 600px wide, we make the labels and input fields stack on top of each other, instead of next to each other.\u003c/p\u003e\n\u003cp\u003eResize the screen to see the form layout change!\u003c/p\u003e\n"])</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/css\",\"children\":\"CSS\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}],[[\"$\",\"$L2a\",null,{\"href\":\"/notes/css#cat-css-tutorial\",\"children\":\"CSS Tutorial\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}]],[\"$\",\"span\",null,{\"className\":\"cur\",\"children\":\"Other Form Elements\"}]]}],[\"$\",\"$L2a\",null,{\"href\":\"/notes/css\",\"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 \",\"CSS\",\" Notes\"]}],[\"$\",\"br\",null,{}],\"$undefined\",[\"$\",\"span\",null,{\"className\":\"post-cat-badge\",\"children\":[\"Topic #\",102]}],[\"$\",\"h1\",null,{\"className\":\"post-title\",\"children\":\"Other Form Elements\"}],[\"$\",\"p\",null,{\"className\":\"topic-intro\",\"children\":\"Textareas, selects and fieldset groups each need their own styling approach. Completing the form toolkit makes any input flow designable.\"}],[\"$\",\"div\",null,{\"className\":\"post-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"CSS\",\" Notes · Coding Now Tech Institute\"]}],[\"$\",\"span\",null,{\"children\":[1,\" min read\"]}],false,[\"$\",\"a\",null,{\"href\":\"https://www.w3schools.com/css/css_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\",\"style-textarea\",{\"href\":\"#style-textarea\",\"children\":\"Style Textarea\"}],[\"$\",\"a\",\"style-a-dropdown-menu\",{\"href\":\"#style-a-dropdown-menu\",\"children\":\"Style a Dropdown Menu\"}],[\"$\",\"a\",\"style-form-buttons\",{\"href\":\"#style-form-buttons\",\"children\":\"Style Form Buttons\"}],[\"$\",\"a\",\"css-responsive-form\",{\"href\":\"#css-responsive-form\",\"children\":\"CSS Responsive Form\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"post-body\",\"children\":[[\"$\",\"div\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$2d\"}}],\"$L2e\"]}],\"$L2f\",\"$L30\"]}],\"$L31\"]}],\"$L32\"]}]\n"])</script><script>self.__next_f.push([1,"97: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\"]\n"])</script><script>self.__next_f.push([1,"2e:[\"$\",\"div\",null,{\"className\":\"share-bar\",\"children\":[[\"$\",\"strong\",null,{\"children\":\"Share:\"}],[\"$\",\"a\",null,{\"href\":\"https://wa.me/?text=Other%20Form%20Elements%20https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fcss%2Fother-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%2Fcss%2Fother-form-elements%2F\u0026title=Other%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%2Fcss%2Fother-form-elements%2F\u0026text=Other%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,"2f:[\"$\",\"div\",null,{\"className\":\"prevnext\",\"children\":[[\"$\",\"$L2a\",null,{\"href\":\"/notes/css/input-focus-icons\",\"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\":\"Input Focus / Icons\"}]]}],[\"$\",\"$L2a\",null,{\"href\":\"/notes/css/css-counters\",\"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\":\"CSS Counters\"}]]}]]}]\n30:[\"$\",\"div\",null,{\"className\":\"note-cta\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Want to go beyond the notes?\"}],[\"$\",\"p\",null,{\"children\":[\"Join Coding Now Tech Institute's \",\"CSS\",\" 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,"31:[\"$\",\"aside\",null,{\"className\":\"topics-side\",\"children\":[[\"$\",\"h4\",null,{\"children\":[\"CSS\",\" Notes — All Topics\"]}],[[\"$\",\"div\",\"css-tutorial\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"CSS Tutorial\"}],[[\"$\",\"$L2a\",\"css-home\",{\"href\":\"/notes/css/css-home\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":1}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS HOME\"}]]}],[\"$\",\"$L2a\",\"css-introduction\",{\"href\":\"/notes/css/css-introduction\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":2}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Introduction\"}]]}],[\"$\",\"$L2a\",\"css-syntax\",{\"href\":\"/notes/css/css-syntax\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":3}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Syntax\"}]]}],[\"$\",\"$L2a\",\"css-selectors\",{\"href\":\"/notes/css/css-selectors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":4}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Selectors\"}]]}],[\"$\",\"$L2a\",\"grouping-selectors\",{\"href\":\"/notes/css/grouping-selectors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":5}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Grouping Selectors\"}]]}],[\"$\",\"$L2a\",\"css-how-to\",{\"href\":\"/notes/css/css-how-to\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":6}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS How To\"}]]}],[\"$\",\"$L2a\",\"add-internal-css\",{\"href\":\"/notes/css/add-internal-css\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":7}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Add Internal CSS\"}]]}],[\"$\",\"$L2a\",\"add-inline-style\",{\"href\":\"/notes/css/add-inline-style\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":8}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Add Inline Style\"}]]}],[\"$\",\"$L2a\",\"multiple-style-sheets\",{\"href\":\"/notes/css/multiple-style-sheets\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":9}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Multiple Style Sheets\"}]]}],[\"$\",\"$L2a\",\"css-comments\",{\"href\":\"/notes/css/css-comments\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":10}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Comments\"}]]}],[\"$\",\"$L2a\",\"css-errors\",{\"href\":\"/notes/css/css-errors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":11}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Errors\"}]]}],[\"$\",\"$L2a\",\"css-colors\",{\"href\":\"/notes/css/css-colors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":12}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Colors\"}]]}],[\"$\",\"$L2a\",\"rgb-rgba\",{\"href\":\"/notes/css/rgb-rgba\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":13}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"RGB / RGBA\"}]]}],[\"$\",\"$L2a\",\"hex-hexa\",{\"href\":\"/notes/css/hex-hexa\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":14}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HEX / HEXA\"}]]}],[\"$\",\"$L2a\",\"hsl-hsla\",{\"href\":\"/notes/css/hsl-hsla\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":15}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HSL / HSLA\"}]]}],[\"$\",\"$L2a\",\"css-backgrounds\",{\"href\":\"/notes/css/css-backgrounds\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":16}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Backgrounds\"}]]}],[\"$\",\"$L2a\",\"background-image\",{\"href\":\"/notes/css/background-image\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":17}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Background Image\"}]]}],[\"$\",\"$L2a\",\"background-repeat\",{\"href\":\"/notes/css/background-repeat\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":18}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Background Repeat\"}]]}],[\"$\",\"$L2a\",\"background-attachment\",{\"href\":\"/notes/css/background-attachment\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":19}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Background Attachment\"}]]}],[\"$\",\"$L2a\",\"background-shorthand\",{\"href\":\"/notes/css/background-shorthand\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":20}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Background Shorthand\"}]]}],\"$L33\",\"$L34\",\"$L35\",\"$L36\",\"$L37\",\"$L38\",\"$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\",\"$L6b\",\"$L6c\",\"$L6d\",\"$L6e\",\"$L6f\",\"$L70\",\"$L71\",\"$L72\",\"$L73\",\"$L74\",\"$L75\",\"$L76\",\"$L77\",\"$L78\",\"$L79\",\"$L7a\",\"$L7b\",\"$L7c\",\"$L7d\",\"$L7e\",\"$L7f\",\"$L80\",\"$L81\",\"$L82\",\"$L83\",\"$L84\",\"$L85\",\"$L86\",\"$L87\",\"$L88\",\"$L89\",\"$L8a\",\"$L8b\",\"$L8c\",\"$L8d\",\"$L8e\",\"$L8f\",\"$L90\",\"$L91\"]]}],\"$L92\",\"$L93\",\"$L94\",\"$L95\"]]}]\n"])</script><script>self.__next_f.push([1,"96:T4c1,{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What does this Other Form Elements note cover?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This free note from Coding Now Tech Institute explains Other Form Elements in CSS — concept, syntax and worked code examples you can copy, run and revise before interviews.\"}},{\"@type\":\"Question\",\"name\":\"Is this Other Form Elements tutorial free?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Every CSS topic on Coding Now Tech Institute, including Other Form Elements, is 100% free with no signup required.\"}},{\"@type\":\"Question\",\"name\":\"How long does it take to learn Other Form Elements?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"With focused practice, most students grasp Other 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 Other 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,"32:[\"$\",\"section\",null,{\"className\":\"cn-faq-section\",\"aria-label\":\"Other Form Elements – FAQs\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$96\"}}],[\"$\",\"div\",null,{\"className\":\"cn-faq-inner\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"cn-faq-title\",\"children\":\"Other Form Elements – FAQs\"}],[\"$\",\"p\",null,{\"className\":\"cn-faq-sub\",\"children\":\"Quick answers about learning Other Form Elements in CSS.\"}],[\"$\",\"$L97\",null,{\"faqs\":[{\"q\":\"What does this Other Form Elements note cover?\",\"a\":\"This free note from Coding Now Tech Institute explains Other Form Elements in CSS — concept, syntax and worked code examples you can copy, run and revise before interviews.\"},{\"q\":\"Is this Other Form Elements tutorial free?\",\"a\":\"Yes. Every CSS topic on Coding Now Tech Institute, including Other Form Elements, is 100% free with no signup required.\"},{\"q\":\"How long does it take to learn Other Form Elements?\",\"a\":\"With focused practice, most students grasp Other 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 Other 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,"33:[\"$\",\"$L2a\",\"css-borders\",{\"href\":\"/notes/css/css-borders\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":21}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Borders\"}]]}]\n34:[\"$\",\"$L2a\",\"border-width\",{\"href\":\"/notes/css/border-width\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":22}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Border Width\"}]]}]\n35:[\"$\",\"$L2a\",\"border-color\",{\"href\":\"/notes/css/border-color\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":23}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Border Color\"}]]}]\n36:[\"$\",\"$L2a\",\"border-sides\",{\"href\":\"/notes/css/border-sides\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":24}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Border Sides\"}]]}]\n37:[\"$\",\"$L2a\",\"border-shorthand\",{\"href\":\"/notes/css/border-shorthand\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":25}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Border Shorthand\"}]]}]\n38:[\"$\",\"$L2a\",\"rounded-borders\",{\"href\":\"/notes/css/rounded-borders\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":26}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Rounded Borders\"}]]}]\n39:[\"$\",\"$L2a\",\"css-margins\",{\"href\":\"/notes/css/css-margins\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":27}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Margins\"}]]}]\n3a:[\"$\",\"$L2a\",\"margin-collapse\",{\"href\":\"/notes/css/margin-collapse\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":28}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Margin Collapse\"}]]}]\n3b:[\"$\",\"$L2a\",\"css-padding\",{\"href\":\"/notes/css/css-padding\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":29}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Padding\"}]]}]\n3c:[\"$\",\"$L2a\",\"padding-box-sizing\",{\"href\":\"/notes/css/padding-box-sizing\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":30}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Padding box-sizing\"}]]}]\n3d:[\"$\",\"$L2a\",\"css-height-width\",{\"href\":\"/notes/css/css-height-width\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":31}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Height / Width\"}]]}]\n3e:[\"$\",\"$L2a\",\"min-max\",{\"href\":\"/notes/css/min-max\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":32}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Min / Max\"}]]}]\n3f:[\"$\",\"$L2a\",\"css-box-model\",{\"href\":\"/notes/css/css-box-model\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":33}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Box Model\"}]]}]\n40:[\"$\",\"$L2a\",\"css-outline\",{\"href\":\"/notes/css/css-outline\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":34}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Outline\"}]]}]\n41:[\"$\",\"$L2a\",\"outline-width\",{\"href\":\"/notes/css/outline-width\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":35}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Outline Width\"}]]}]\n42:[\"$\",\"$L2a\",\"outline-color\",{\"href\":\"/notes/css/outline-color\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":36}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Outline Color\"}]]}]\n43:[\"$\",\"$L2a\",\"outline-shorthand\",{\"href\":\"/notes/css/outline-shorthand\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":37}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Outline Shorthand\"}]]}]\n44:[\"$\",\"$L2a\",\"outline-offset\",{\"href\":\"/notes/css/outline-offset\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":38}],[\"$\",\"span\",null,{\"className\":\"ts-t"])</script><script>self.__next_f.push([1,"itle\",\"children\":\"Outline Offset\"}]]}]\n45:[\"$\",\"$L2a\",\"css-text\",{\"href\":\"/notes/css/css-text\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":39}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Text\"}]]}]\n46:[\"$\",\"$L2a\",\"text-alignment\",{\"href\":\"/notes/css/text-alignment\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":40}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Text Alignment\"}]]}]\n47:[\"$\",\"$L2a\",\"text-decoration\",{\"href\":\"/notes/css/text-decoration\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":41}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Text Decoration\"}]]}]\n48:[\"$\",\"$L2a\",\"text-decoration-styles\",{\"href\":\"/notes/css/text-decoration-styles\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":42}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Text Decoration Styles\"}]]}]\n49:[\"$\",\"$L2a\",\"text-transformation\",{\"href\":\"/notes/css/text-transformation\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":43}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Text Transformation\"}]]}]\n4a:[\"$\",\"$L2a\",\"text-spacing\",{\"href\":\"/notes/css/text-spacing\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":44}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Text Spacing\"}]]}]\n4b:[\"$\",\"$L2a\",\"text-shadow\",{\"href\":\"/notes/css/text-shadow\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":45}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Text Shadow\"}]]}]\n4c:[\"$\",\"$L2a\",\"css-fonts\",{\"href\":\"/notes/css/css-fonts\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":46}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Fonts\"}]]}]\n4d:[\"$\",\"$L2a\",\"font-web-safe\",{\"href\":\"/notes/css/font-web-safe\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":47}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Font Web Safe\"}]]}]\n4e:[\"$\",\"$L2a\",\"font-fallbacks\",{\"href\":\"/notes/css/font-fallbacks\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":48}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Font Fallbacks\"}]]}]\n4f:[\"$\",\"$L2a\",\"font-style\",{\"href\":\"/notes/css/font-style\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":49}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Font Style\"}]]}]\n50:[\"$\",\"$L2a\",\"font-size\",{\"href\":\"/notes/css/font-size\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":50}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Font Size\"}]]}]\n51:[\"$\",\"$L2a\",\"font-google\",{\"href\":\"/notes/css/font-google\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":51}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Font Google\"}]]}]\n52:[\"$\",\"$L2a\",\"font-pairings\",{\"href\":\"/notes/css/font-pairings\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":52}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Font Pairings\"}]]}]\n53:[\"$\",\"$L2a\",\"font-shorthand\",{\"href\":\"/notes/css/font-shorthand\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":53}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Font Shorthand\"}]]}]\n54:[\"$\",\"$L2a\",\"css-icons\",{\"href\":\"/notes/css/css-icons\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":54}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Icons\"}]]}]\n55:[\"$\",\"$L2a\",\"icons-bootstrap\",{\"href\":\"/notes/css/icons-bootstrap\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":55}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Icons: Bootstrap\"}]]}]\n56:[\"$\",\"$L2a\",\"icons-google\",{\"href\":\"/notes/css/icons-google\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":56}],[\"$\",\"span\",null,{"])</script><script>self.__next_f.push([1,"\"className\":\"ts-title\",\"children\":\"Icons: Google\"}]]}]\n57:[\"$\",\"$L2a\",\"css-links\",{\"href\":\"/notes/css/css-links\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":57}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Links\"}]]}]\n58:[\"$\",\"$L2a\",\"link-buttons\",{\"href\":\"/notes/css/link-buttons\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":58}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Link Buttons\"}]]}]\n59:[\"$\",\"$L2a\",\"css-lists\",{\"href\":\"/notes/css/css-lists\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":59}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Lists\"}]]}]\n5a:[\"$\",\"$L2a\",\"css-tables\",{\"href\":\"/notes/css/css-tables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":60}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Tables\"}]]}]\n5b:[\"$\",\"$L2a\",\"table-size\",{\"href\":\"/notes/css/table-size\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":61}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Size\"}]]}]\n5c:[\"$\",\"$L2a\",\"table-alignment\",{\"href\":\"/notes/css/table-alignment\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":62}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Alignment\"}]]}]\n5d:[\"$\",\"$L2a\",\"table-styling\",{\"href\":\"/notes/css/table-styling\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":63}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Styling\"}]]}]\n5e:[\"$\",\"$L2a\",\"table-responsive\",{\"href\":\"/notes/css/table-responsive\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":64}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Table Responsive\"}]]}]\n5f:[\"$\",\"$L2a\",\"css-display\",{\"href\":\"/notes/css/css-display\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":65}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Display\"}]]}]\n60:[\"$\",\"$L2a\",\"visibility-hide\",{\"href\":\"/notes/css/visibility-hide\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":66}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Visibility / Hide\"}]]}]\n61:[\"$\",\"$L2a\",\"css-max-width\",{\"href\":\"/notes/css/css-max-width\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":67}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Max-width\"}]]}]\n62:[\"$\",\"$L2a\",\"css-position\",{\"href\":\"/notes/css/css-position\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":68}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Position\"}]]}]\n63:[\"$\",\"$L2a\",\"fixedabsolute-position\",{\"href\":\"/notes/css/fixedabsolute-position\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":69}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Fixed/Absolute Position\"}]]}]\n64:[\"$\",\"$L2a\",\"sticky-position\",{\"href\":\"/notes/css/sticky-position\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":70}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Sticky Position\"}]]}]\n65:[\"$\",\"$L2a\",\"css-position-offsets\",{\"href\":\"/notes/css/css-position-offsets\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":71}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Position Offsets\"}]]}]\n66:[\"$\",\"$L2a\",\"css-z-index\",{\"href\":\"/notes/css/css-z-index\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":72}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Z-index\"}]]}]\n67:[\"$\",\"$L2a\",\"css-overflow\",{\"href\":\"/notes/css/css-overflow\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":73}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Overflow\"}]]}]\n68:[\"$\",\"$L2a\",\"overflow-x-and-y\",{\"href\":\"/notes/css/overflow-x-and-y\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"classNa"])</script><script>self.__next_f.push([1,"me\":\"ts-num\",\"children\":74}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Overflow X and Y\"}]]}]\n69:[\"$\",\"$L2a\",\"css-float\",{\"href\":\"/notes/css/css-float\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":75}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Float\"}]]}]\n6a:[\"$\",\"$L2a\",\"clear-clearfix\",{\"href\":\"/notes/css/clear-clearfix\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":76}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Clear / Clearfix\"}]]}]\n6b:[\"$\",\"$L2a\",\"float-examples\",{\"href\":\"/notes/css/float-examples\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":77}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Float Examples\"}]]}]\n6c:[\"$\",\"$L2a\",\"css-inline-block\",{\"href\":\"/notes/css/css-inline-block\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":78}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Inline-block\"}]]}]\n6d:[\"$\",\"$L2a\",\"css-align\",{\"href\":\"/notes/css/css-align\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":79}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Align\"}]]}]\n6e:[\"$\",\"$L2a\",\"horizontal-align\",{\"href\":\"/notes/css/horizontal-align\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":80}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Horizontal Align\"}]]}]\n6f:[\"$\",\"$L2a\",\"vertical-align\",{\"href\":\"/notes/css/vertical-align\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":81}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Vertical Align\"}]]}]\n70:[\"$\",\"$L2a\",\"css-combinators\",{\"href\":\"/notes/css/css-combinators\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":82}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Combinators\"}]]}]\n71:[\"$\",\"$L2a\",\"css-pseudo-classes\",{\"href\":\"/notes/css/css-pseudo-classes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":83}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Pseudo-classes\"}]]}]\n72:[\"$\",\"$L2a\",\"interactive\",{\"href\":\"/notes/css/interactive\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":84}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Interactive\"}]]}]\n73:[\"$\",\"$L2a\",\"structural\",{\"href\":\"/notes/css/structural\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":85}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Structural\"}]]}]\n74:[\"$\",\"$L2a\",\"css-pseudo-elements\",{\"href\":\"/notes/css/css-pseudo-elements\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":86}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Pseudo-elements\"}]]}]\n75:[\"$\",\"$L2a\",\"text\",{\"href\":\"/notes/css/text\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":87}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Text\"}]]}]\n76:[\"$\",\"$L2a\",\"content\",{\"href\":\"/notes/css/content\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":88}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Content\"}]]}]\n77:[\"$\",\"$L2a\",\"css-opacity\",{\"href\":\"/notes/css/css-opacity\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":89}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Opacity\"}]]}]\n78:[\"$\",\"$L2a\",\"css-navigation-bars\",{\"href\":\"/notes/css/css-navigation-bars\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":90}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Navigation Bars\"}]]}]\n79:[\"$\",\"$L2a\",\"vertical-navbar\",{\"href\":\"/notes/css/vertical-navbar\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":91}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Vertical Navbar\"}]]}]\n7a:[\"$\",\"$L2a\",\"horizontal-navbar\",{\"href\":\"/notes/css/horizontal-navbar\",\"className\":\"ts-item \""])</script><script>self.__next_f.push([1,",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":92}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Horizontal Navbar\"}]]}]\n7b:[\"$\",\"$L2a\",\"css-dropdowns\",{\"href\":\"/notes/css/css-dropdowns\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":93}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Dropdowns\"}]]}]\n7c:[\"$\",\"$L2a\",\"advanced-dropdowns\",{\"href\":\"/notes/css/advanced-dropdowns\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":94}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Advanced Dropdowns\"}]]}]\n7d:[\"$\",\"$L2a\",\"css-image-gallery\",{\"href\":\"/notes/css/css-image-gallery\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":95}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Image Gallery\"}]]}]\n7e:[\"$\",\"$L2a\",\"css-image-sprites\",{\"href\":\"/notes/css/css-image-sprites\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":96}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Image Sprites\"}]]}]\n7f:[\"$\",\"$L2a\",\"css-attribute-selectors\",{\"href\":\"/notes/css/css-attribute-selectors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":97}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Attribute Selectors\"}]]}]\n80:[\"$\",\"$L2a\",\"advanced-attr-selectors\",{\"href\":\"/notes/css/advanced-attr-selectors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":98}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Advanced Attr Selectors\"}]]}]\n81:[\"$\",\"$L2a\",\"css-forms\",{\"href\":\"/notes/css/css-forms\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":99}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Forms\"}]]}]\n82:[\"$\",\"$L2a\",\"style-inputs\",{\"href\":\"/notes/css/style-inputs\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":100}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Style Inputs\"}]]}]\n83:[\"$\",\"$L2a\",\"input-focus-icons\",{\"href\":\"/notes/css/input-focus-icons\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":101}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Input Focus / Icons\"}]]}]\n84:[\"$\",\"$L2a\",\"other-form-elements\",{\"href\":\"/notes/css/other-form-elements\",\"className\":\"ts-item active\",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":102}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Other Form Elements\"}]]}]\n85:[\"$\",\"$L2a\",\"css-counters\",{\"href\":\"/notes/css/css-counters\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":103}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Counters\"}]]}]\n86:[\"$\",\"$L2a\",\"nested-counters\",{\"href\":\"/notes/css/nested-counters\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":104}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Nested Counters\"}]]}]\n87:[\"$\",\"$L2a\",\"css-units\",{\"href\":\"/notes/css/css-units\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":105}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Units\"}]]}]\n88:[\"$\",\"$L2a\",\"absolute-units\",{\"href\":\"/notes/css/absolute-units\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":106}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Absolute Units\"}]]}]\n89:[\"$\",\"$L2a\",\"relative-units\",{\"href\":\"/notes/css/relative-units\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":107}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Relative Units\"}]]}]\n8a:[\"$\",\"$L2a\",\"css-inheritance\",{\"href\":\"/notes/css/css-inheritance\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":108}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Inheritance\"}]]}]\n8b:[\"$\",\"$L2a\",\"css-specificity\",{\"href\":\"/notes/css/css-specificity\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children"])</script><script>self.__next_f.push([1,"\":109}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Specificity\"}]]}]\n8c:[\"$\",\"$L2a\",\"specificity-hierarchy\",{\"href\":\"/notes/css/specificity-hierarchy\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":110}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Specificity Hierarchy\"}]]}]\n8d:[\"$\",\"$L2a\",\"css-important\",{\"href\":\"/notes/css/css-important\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":111}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS !important\"}]]}]\n8e:[\"$\",\"$L2a\",\"css-math-functions\",{\"href\":\"/notes/css/css-math-functions\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":112}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Math Functions\"}]]}]\n8f:[\"$\",\"$L2a\",\"css-optimization\",{\"href\":\"/notes/css/css-optimization\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":113}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Optimization\"}]]}]\n90:[\"$\",\"$L2a\",\"css-accessibility\",{\"href\":\"/notes/css/css-accessibility\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":114}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Accessibility\"}]]}]\n91:[\"$\",\"$L2a\",\"css-website-layout\",{\"href\":\"/notes/css/css-website-layout\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":115}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Website Layout\"}]]}]\n"])</script><script>self.__next_f.push([1,"92:[\"$\",\"div\",\"css-advanced\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"CSS Advanced\"}],[[\"$\",\"$L2a\",\"css-rounded-corners\",{\"href\":\"/notes/css/css-rounded-corners\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":116}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Rounded Corners\"}]]}],[\"$\",\"$L2a\",\"css-border-images\",{\"href\":\"/notes/css/css-border-images\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":117}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Border Images\"}]]}],[\"$\",\"$L2a\",\"css3-backgrounds\",{\"href\":\"/notes/css/css3-backgrounds\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":118}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Backgrounds\"}]]}],[\"$\",\"$L2a\",\"background-size\",{\"href\":\"/notes/css/background-size\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":119}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Background Size\"}]]}],[\"$\",\"$L2a\",\"background-origin\",{\"href\":\"/notes/css/background-origin\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":120}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Background Origin\"}]]}],[\"$\",\"$L2a\",\"background-clip\",{\"href\":\"/notes/css/background-clip\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":121}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Background Clip\"}]]}],[\"$\",\"$L2a\",\"css3-colors\",{\"href\":\"/notes/css/css3-colors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":122}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Colors\"}]]}],[\"$\",\"$L2a\",\"color-keywords\",{\"href\":\"/notes/css/color-keywords\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":123}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Color Keywords\"}]]}],[\"$\",\"$L2a\",\"css-gradients\",{\"href\":\"/notes/css/css-gradients\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":124}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Gradients\"}]]}],[\"$\",\"$L2a\",\"radial-gradients\",{\"href\":\"/notes/css/radial-gradients\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":125}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Radial Gradients\"}]]}],[\"$\",\"$L2a\",\"conic-gradients\",{\"href\":\"/notes/css/conic-gradients\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":126}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Conic Gradients\"}]]}],[\"$\",\"$L2a\",\"css-shadows\",{\"href\":\"/notes/css/css-shadows\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":127}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Shadows\"}]]}],[\"$\",\"$L2a\",\"box-shadow\",{\"href\":\"/notes/css/box-shadow\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":128}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Box Shadow\"}]]}],[\"$\",\"$L2a\",\"css-text-effects\",{\"href\":\"/notes/css/css-text-effects\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":129}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Text Effects\"}]]}],[\"$\",\"$L2a\",\"css-custom-fonts\",{\"href\":\"/notes/css/css-custom-fonts\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":130}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Custom Fonts\"}]]}],[\"$\",\"$L2a\",\"css-2d-transforms\",{\"href\":\"/notes/css/css-2d-transforms\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":131}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS 2D Transforms\"}]]}],[\"$\",\"$L2a\",\"scale\",{\"href\":\"/notes/css/scale\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":132}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Scale\"}]]}],[\"$\",\"$L2a\",\"skew-matrix\",{\"href\":\"/notes/css/skew-matrix\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":133}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Skew / Matrix\"}]]}],[\"$\",\"$L2a\",\"css-3d-transforms\",{\"href\":\"/notes/css/css-3d-transforms\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":134}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS 3D Transforms\"}]]}],[\"$\",\"$L2a\",\"3d-perspective\",{\"href\":\"/notes/css/3d-perspective\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":135}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"3D Perspective\"}]]}],[\"$\",\"$L2a\",\"css-transitions\",{\"href\":\"/notes/css/css-transitions\",\"className\":\"ts-item \",\"children\":[\"$L98\",\"$L99\"]}],\"$L9a\",\"$L9b\",\"$L9c\",\"$L9d\",\"$L9e\",\"$L9f\",\"$La0\",\"$La1\",\"$La2\",\"$La3\",\"$La4\",\"$La5\",\"$La6\",\"$La7\",\"$La8\",\"$La9\",\"$Laa\",\"$Lab\",\"$Lac\",\"$Lad\",\"$Lae\",\"$Laf\",\"$Lb0\",\"$Lb1\",\"$Lb2\",\"$Lb3\",\"$Lb4\",\"$Lb5\",\"$Lb6\",\"$Lb7\",\"$Lb8\",\"$Lb9\",\"$Lba\",\"$Lbb\"]]}]\n"])</script><script>self.__next_f.push([1,"93:[\"$\",\"div\",\"css-flexbox\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"CSS Flexbox\"}],[[\"$\",\"$L2a\",\"flexbox-intro\",{\"href\":\"/notes/css/flexbox-intro\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":171}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Flexbox Intro\"}]]}],[\"$\",\"$L2a\",\"flex-container\",{\"href\":\"/notes/css/flex-container\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":172}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Flex Container\"}]]}],[\"$\",\"$L2a\",\"flexbox-justify-content\",{\"href\":\"/notes/css/flexbox-justify-content\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":173}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Flexbox Justify Content\"}]]}],[\"$\",\"$L2a\",\"flexbox-align-items\",{\"href\":\"/notes/css/flexbox-align-items\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":174}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Flexbox Align Items\"}]]}],[\"$\",\"$L2a\",\"flex-items\",{\"href\":\"/notes/css/flex-items\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":175}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Flex Items\"}]]}],[\"$\",\"$L2a\",\"flex-responsive\",{\"href\":\"/notes/css/flex-responsive\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":176}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Flex Responsive\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"94:[\"$\",\"div\",\"css-grid\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"CSS Grid\"}],[[\"$\",\"$L2a\",\"grid-intro\",{\"href\":\"/notes/css/grid-intro\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":177}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Grid Intro\"}]]}],[\"$\",\"$L2a\",\"grid-container\",{\"href\":\"/notes/css/grid-container\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":178}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Grid Container\"}]]}],[\"$\",\"$L2a\",\"grid-tracks\",{\"href\":\"/notes/css/grid-tracks\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":179}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Grid Tracks\"}]]}],[\"$\",\"$L2a\",\"grid-gaps\",{\"href\":\"/notes/css/grid-gaps\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":180}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Grid Gaps\"}]]}],[\"$\",\"$L2a\",\"grid-align\",{\"href\":\"/notes/css/grid-align\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":181}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Grid Align\"}]]}],[\"$\",\"$L2a\",\"grid-items\",{\"href\":\"/notes/css/grid-items\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":182}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Grid Items\"}]]}],[\"$\",\"$L2a\",\"grid-item-named\",{\"href\":\"/notes/css/grid-item-named\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":183}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Grid Item Named\"}]]}],[\"$\",\"$L2a\",\"grid-item-align\",{\"href\":\"/notes/css/grid-item-align\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":184}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Grid Item Align\"}]]}],[\"$\",\"$L2a\",\"grid-item-order\",{\"href\":\"/notes/css/grid-item-order\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":185}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Grid Item Order\"}]]}],[\"$\",\"$L2a\",\"grid-12-column-layout\",{\"href\":\"/notes/css/grid-12-column-layout\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":186}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Grid 12-column Layout\"}]]}],[\"$\",\"$L2a\",\"css-supports\",{\"href\":\"/notes/css/css-supports\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":187}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS @supports\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"95:[\"$\",\"div\",\"css-responsive\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"CSS Responsive\"}],[[\"$\",\"$L2a\",\"rwd-intro\",{\"href\":\"/notes/css/rwd-intro\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":188}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"RWD Intro\"}]]}],[\"$\",\"$L2a\",\"rwd-viewport\",{\"href\":\"/notes/css/rwd-viewport\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":189}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"RWD Viewport\"}]]}],[\"$\",\"$L2a\",\"rwd-grid-view\",{\"href\":\"/notes/css/rwd-grid-view\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":190}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"RWD Grid View\"}]]}],[\"$\",\"$L2a\",\"rwd-media-queries\",{\"href\":\"/notes/css/rwd-media-queries\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":191}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"RWD Media Queries\"}]]}],[\"$\",\"$L2a\",\"rwd-images\",{\"href\":\"/notes/css/rwd-images\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":192}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"RWD Images\"}]]}],[\"$\",\"$L2a\",\"rwd-videos\",{\"href\":\"/notes/css/rwd-videos\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":193}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"RWD Videos\"}]]}],[\"$\",\"$L2a\",\"rwd-frameworks\",{\"href\":\"/notes/css/rwd-frameworks\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":194}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"RWD Frameworks\"}]]}],[\"$\",\"$L2a\",\"rwd-templates\",{\"href\":\"/notes/css/rwd-templates\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":195}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"RWD Templates\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"98:[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":136}]\n99:[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Transitions\"}]\n9a:[\"$\",\"$L2a\",\"transition-timing\",{\"href\":\"/notes/css/transition-timing\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":137}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Transition Timing\"}]]}]\n9b:[\"$\",\"$L2a\",\"css-animations\",{\"href\":\"/notes/css/css-animations\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":138}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Animations\"}]]}]\n9c:[\"$\",\"$L2a\",\"animation-timing\",{\"href\":\"/notes/css/animation-timing\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":139}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Animation Timing\"}]]}]\n9d:[\"$\",\"$L2a\",\"animation-properties\",{\"href\":\"/notes/css/animation-properties\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":140}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Animation Properties\"}]]}]\n9e:[\"$\",\"$L2a\",\"css-tooltips\",{\"href\":\"/notes/css/css-tooltips\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":141}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Tooltips\"}]]}]\n9f:[\"$\",\"$L2a\",\"tooltip-arrows\",{\"href\":\"/notes/css/tooltip-arrows\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":142}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Tooltip Arrows\"}]]}]\na0:[\"$\",\"$L2a\",\"css-image-styling\",{\"href\":\"/notes/css/css-image-styling\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":143}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Image Styling\"}]]}]\na1:[\"$\",\"$L2a\",\"image-effects\",{\"href\":\"/notes/css/image-effects\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":144}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Image Effects\"}]]}]\na2:[\"$\",\"$L2a\",\"hover-overlays\",{\"href\":\"/notes/css/hover-overlays\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":145}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Hover Overlays\"}]]}]\na3:[\"$\",\"$L2a\",\"css-image-modal\",{\"href\":\"/notes/css/css-image-modal\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":146}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Image Modal\"}]]}]\na4:[\"$\",\"$L2a\",\"css-image-centering\",{\"href\":\"/notes/css/css-image-centering\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":147}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Image Centering\"}]]}]\na5:[\"$\",\"$L2a\",\"css-image-filters\",{\"href\":\"/notes/css/css-image-filters\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":148}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Image Filters\"}]]}]\na6:[\"$\",\"$L2a\",\"css-image-shapes\",{\"href\":\"/notes/css/css-image-shapes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":149}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Image Shapes\"}]]}]\na7:[\"$\",\"$L2a\",\"css-object-fit\",{\"href\":\"/notes/css/css-object-fit\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":150}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS object-fit\"}]]}]\na8:[\"$\",\"$L2a\",\"css-object-position\",{\"href\":\"/notes/css/css-object-position\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":151}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS object-position\"}]]}]\na9:[\"$\",\"$L2a\",\"css-masking\",{\"href\":\"/notes/css/css-masking\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":152}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Masking\"}]]}]\naa:[\"$\",\"$L2a\",\"masking-gradients\",{\"href\":\"/notes/css/masking-gradients\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":153"])</script><script>self.__next_f.push([1,"}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Masking - Gradients\"}]]}]\nab:[\"$\",\"$L2a\",\"masking-svg\",{\"href\":\"/notes/css/masking-svg\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":154}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Masking - SVG\"}]]}]\nac:[\"$\",\"$L2a\",\"css-buttons\",{\"href\":\"/notes/css/css-buttons\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":155}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Buttons\"}]]}]\nad:[\"$\",\"$L2a\",\"hover-effects\",{\"href\":\"/notes/css/hover-effects\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":156}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Hover Effects\"}]]}]\nae:[\"$\",\"$L2a\",\"button-groups\",{\"href\":\"/notes/css/button-groups\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":157}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Button Groups\"}]]}]\naf:[\"$\",\"$L2a\",\"css-pagination\",{\"href\":\"/notes/css/css-pagination\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":158}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Pagination\"}]]}]\nb0:[\"$\",\"$L2a\",\"pagination-styles\",{\"href\":\"/notes/css/pagination-styles\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":159}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Pagination Styles\"}]]}]\nb1:[\"$\",\"$L2a\",\"css-multiple-columns\",{\"href\":\"/notes/css/css-multiple-columns\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":160}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Multiple Columns\"}]]}]\nb2:[\"$\",\"$L2a\",\"multiple-column-rules\",{\"href\":\"/notes/css/multiple-column-rules\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":161}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Multiple Column Rules\"}]]}]\nb3:[\"$\",\"$L2a\",\"css-user-interface\",{\"href\":\"/notes/css/css-user-interface\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":162}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS User Interface\"}]]}]\nb4:[\"$\",\"$L2a\",\"css-variables\",{\"href\":\"/notes/css/css-variables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":163}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Variables\"}]]}]\nb5:[\"$\",\"$L2a\",\"overriding-variables\",{\"href\":\"/notes/css/overriding-variables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":164}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Overriding Variables\"}]]}]\nb6:[\"$\",\"$L2a\",\"variables-and-javascript\",{\"href\":\"/notes/css/variables-and-javascript\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":165}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Variables and JavaScript\"}]]}]\nb7:[\"$\",\"$L2a\",\"variables-in-mq\",{\"href\":\"/notes/css/variables-in-mq\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":166}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Variables in MQ\"}]]}]\nb8:[\"$\",\"$L2a\",\"css-property\",{\"href\":\"/notes/css/css-property\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":167}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS @property\"}]]}]\nb9:[\"$\",\"$L2a\",\"css-box-sizing\",{\"href\":\"/notes/css/css-box-sizing\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":168}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Box Sizing\"}]]}]\nba:[\"$\",\"$L2a\",\"css-media-queries\",{\"href\":\"/notes/css/css-media-queries\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":169}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"CSS Media Queries\"}]]}]\nbb:[\"$\",\"$L2a\",\"mq-examples\",{\"href\":\"/notes/css/mq-examples\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":170}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"c"])</script><script>self.__next_f.push([1,"hildren\":\"MQ Examples\"}]]}]\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,"bc: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\":\"Other Form Elements – CSS Notes | Coding Now Tech Institute\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Textareas, selects and fieldset groups each need their own styling approach. Completing the form toolkit makes any input flow designable.\"}],[\"$\",\"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\":\"css other form elements,other form elements notes,other form elements tutorial,other form elements with examples,learn css\"}],[\"$\",\"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/css/other-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\":\"Other Form Elements – CSS Notes | Coding Now Tech Institute\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:description\",\"content\":\"Textareas, selects and fieldset groups each need their own styling approach. Completing the form toolkit makes any input flow designable.\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:url\",\"content\":\"https://www.codingnowai.com/notes/css/other-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\"}],[\"$\",\"$Lbc\",\"34\",{}]]\n"])</script></body></html>