Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Contact Form</title>
- <style>
- form {
- width: 400px;
- margin: 0 auto;
- padding: 20px;
- background-color: #f5f5f5;
- border: 1px solid #ccc;
- border-radius: 5px;
- }
- label, input, textarea {
- display: block;
- margin-bottom: 10px;
- width: 100%;
- border-radius: 5px;
- padding: 10px;
- border: 1px solid #ccc;
- font-size: 16px;
- }
- input[type="submit"] {
- background-color: #4CAF50;
- color: white;
- padding: 10px 20px;
- border: none;
- border-radius: 5px;
- cursor: pointer;
- }
- input[type="submit"]:hover {
- background-color: #3e8e41;
- }
- </style>
- </head>
- <body>
- <form action="#" method="post">
- <fieldset>
- <legend>Contact Form</legend>
- <label for="name">Name:</label>
- <input type="text" id="name" name="name" placeholder="Enter your name" required>
- <label for="email">Email:</label>
- <input type="email" id="email" name="email" placeholder="Enter your email" required>
- <label for="message">Message:</label>
- <textarea id="message" name="message" placeholder="Enter your message" required></textarea>
- <input type="submit" value="Submit">
- </fieldset>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement