Permalink
Cannot retrieve contributors at this time
dmd-3475/week-9/form.html
Go to file| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Web Form</title> | |
| </head> | |
| <body> | |
| <h1>Contact Me!</h1> | |
| <form id="myform"> | |
| <input type="text" name="name" id="name" placeholder="Name"> | |
| <span id="name-error"></span> | |
| <input type="email" name="email" id="email" placeholder="Email"> | |
| <span id="email-error"></span> | |
| <input type="text" name="subject" id="subject" placeholder="Subject"> | |
| <span id="subject-error"></span> | |
| <textarea name="message" id="message" cols="30" rows="10" form="myform" placeholder="Message"></textarea> | |
| <span id="message-error"></span> | |
| <button type="submit">Submit</button> | |
| </form> | |
| <style> | |
| form { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: flex-start; | |
| } | |
| textarea { | |
| margin: 0; | |
| } | |
| </style> | |
| <script src="js/form.js"></script> | |
| </body> | |
| </html> |