| OLD | NEW | 
|---|
| 1 title=Advanced Form Fields | 1 title=Advanced Form Fields | 
|  | 2 description=Default styles for advanced form elements | 
| 2 | 3 | 
| 3 <h1>Advanced Form Fields</h1> | 4 <h1>Advanced Form Fields</h1> | 
| 4 <p>Default styles for advanced form elements.</p> | 5 <p>Default styles for advanced form elements.</p> | 
| 5 | 6 | 
| 6 <nav> | 7 <nav> | 
| 7   <ol> | 8   <ol> | 
| 8     <li><a href="#advanced-text">Advanced text</a></li> | 9     <li><a href="#advanced-text">Advanced text</a></li> | 
| 9   </ol> | 10   </ol> | 
| 10 </nav> | 11 </nav> | 
| 11 | 12 | 
| 12 <section id="advanced-text"> | 13 <section id="advanced-text"> | 
| 13   <h2>Advanced text</h2> | 14   <h2>Advanced text</h2> | 
| 14   <p><input type="search" placeholder="Search terms" /></p> | 15   <p><input type="search" placeholder="Search terms" /></p> | 
| 15   <p><input type="tel" placeholder="+55-55-555-5555" /></p> | 16   <p><input type="tel" placeholder="+55-55-555-5555" /></p> | 
| 16   <p><input type="url" placeholder="example.com" /></p> | 17   <p><input type="url" placeholder="example.com" /></p> | 
| 17   <p><input type="email" placeholder="user@example.com" /></p> | 18   <p><input type="email" placeholder="user@example.com" /></p> | 
| 18   <p><input type="password" placeholder="Password" /></p> | 19   <p><input type="password" placeholder="Password" /></p> | 
| 19   <p><input type="date" placeholder="Date" /></p> | 20   <p><input type="date" placeholder="Date" /></p> | 
| 20   <p><input type="time" placeholder="Time" /></p> | 21   <p><input type="time" placeholder="Time" /></p> | 
| 21   <p><input type="datetime-local" placeholder="Datetime Local" /></p> | 22   <p><input type="datetime-local" placeholder="Datetime Local" /></p> | 
| 22   <p><input type="number" placeholder="5" /></p> | 23   <p><input type="number" placeholder="5" /></p> | 
| 23 </section> | 24 </section> | 
| OLD | NEW | 
|---|