Created
September 13, 2025 18:01
-
-
Save Signor1/c33cb03d652ca0751d225c52e7dba90d to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Forms</title> | |
| </head> | |
| <body> | |
| <form action="" method="post"> | |
| <label for="name">Name</label> | |
| <input id="name" type="text" required placeholder="Enter your name" /> | |
| <label for="email">Email</label> | |
| <input id="email" type="email" required /> | |
| <button type="submit">Submit</button> | |
| <button type="reset">Reset</button> | |
| <!-- Other input types --> | |
| <input type="password" placeholder="Enter your password" /> | |
| <input type="number" placeholder="Enter your age" /> | |
| <input type="tel" name="mobile" placeholder="Enter your mobile number" id=""> | |
| <input type="url" placeholder="Enter your website URL" required /> | |
| <input type="date" name="date" id=""> | |
| <input type="datetime-local" name="datetime" id=""> | |
| <input type="time" name="time" id=""> | |
| <input type="month" name="month" id=""> | |
| <input type="range" name="" id=""> | |
| <input type="file" name="" id=""> | |
| <input type="hidden" name="" id="" value="<?php echo $user_id ?>"> | |
| <!-- radio --> | |
| <br /> | |
| <label for="male">Male</label> | |
| <input type="radio" name="gender" id="male" value="male"> | |
| <label for="female">Female</label> | |
| <input type="radio" name="gender" id="female" value="female"> | |
| <br> | |
| <!-- checkbox - multiple choice --> | |
| <label for="vehicle1"> I have a bike</label> | |
| <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike"> | |
| <label for="vehicle2"> I have a car</label> | |
| <input type="checkbox" id="vehicle2" name="vehicle2" value="Car"> | |
| <label for="vehicle3"> I have a boat</label> | |
| <input type="checkbox" id="vehicle3" name="vehicle3" value="Boat"> | |
| <br> | |
| <!-- Select your country: --> | |
| <label for="country">Select your country:</label> | |
| <select name="country" id="country"> | |
| <option value="">--Please choose an option--</option> | |
| <option value="india">India</option> | |
| <option value="usa">USA</option> | |
| <option value="uk">UK</option> | |
| <option value="uae">UAE</option> | |
| </select> | |
| <br> | |
| <!-- Textarea --> | |
| <label for="message">Message:</label> | |
| <textarea id="message" name="message" rows="4" cols="50" placeholder="Write something..."></textarea> | |
| </form> | |
| <br> | |
| <iframe width="560" height="315" src="https://www.youtube.com/embed/gbAI28sqdsA?si=7VqgMBjC_bKWaNh4" | |
| title="YouTube video player" frameborder="0" | |
| allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" | |
| referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | |
| <br> | |
| <iframe | |
| src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3963.4929206695824!2d3.5251748758925574!3d6.585483122438098!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x103befee426b82d7%3A0x1f34414d222ddfde!2sWeb3bridge!5e0!3m2!1sen!2sng!4v1757785481830!5m2!1sen!2sng" | |
| width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" | |
| referrerpolicy="no-referrer-when-downgrade"></iframe> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Table</title> | |
| <link rel="stylesheet" href="css/styles.css"> | |
| <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> | |
| </head> | |
| <body> | |
| <table width="50%" id="myTable"> | |
| <thead> | |
| <tr> | |
| <th>First Name</th> | |
| <th>Last Name</th> | |
| <th>Email</th> | |
| <th>Mobile No</th> | |
| <th>House Address</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td>Amit</td> | |
| <td>Sharma</td> | |
| <td>oYdR9@example.com</td> | |
| <td>1234567890</td> | |
| <td>House No 1</td> | |
| </tr> | |
| <tr> | |
| <td>Ankit</td> | |
| <td>Sharma</td> | |
| <td>oYdR9@example.com</td> | |
| <td>1234567890</td> | |
| <td>House No 2</td> | |
| </tr> | |
| <tr> | |
| <td>Rohit</td> | |
| <td>Sharma</td> | |
| <td>oYdR9@example.com</td> | |
| <td>1234567890</td> | |
| <td rowspan="2">House No 3</td> | |
| </tr> | |
| <tr> | |
| <td>Sumit</td> | |
| <td>Sharma</td> | |
| <td>oYdR9@example.com</td> | |
| <td>1234567890</td> | |
| </tbody> | |
| <tfoot> | |
| <tr> | |
| <td colspan="2">Names</td> | |
| <td colspan="3">Contact Info</td> | |
| </tr> | |
| </tfoot> | |
| </table> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment