contact form html css

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
</style>
</head>
<body>

<h3>Contact Form</h3>

<div class="container">
  <form action="/action_page.php">
    <label for="fname">First Name</label>
    <input type="text" id="fname" name="firstname" placeholder="Your name..">

    <label for="lname">Last Name</label>
    <input type="text" id="lname" name="lastname" placeholder="Your last name..">

    <label for="country">Country</label>
    <select id="country" name="country">
      <option value="australia">Australia</option>
      <option value="canada">Canada</option>
      <option value="usa">USA</option>
    </select>

    <label for="subject">Subject</label>
    <textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>

    <input type="submit" value="Submit">
  </form>
</div>

</body>
</html>

Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
free css contact form how to create a contact form with html and css contact us page in html css css contact page contact form html css only contact us page css html contact us css html custom contact form html, css template contact section in css contact us form in html css custom contact form html, css css contact form css contact in html css cool contact form html css building a nice contact form with html css html and css contact form contact page in css contact form in css contact form making css sample contact us form html css contact us page in html and css contact form with css contact me page with css contact us form in html and css css contact Contact Page with Form html css html css simple contact form html css for contact us form contact us page css and html contact me form design css how contact form work in html css creating contact info with html css best contact form in css contact information css how to put contact form in html css how to put contact form n html css contact section in html and css contact form css sample contact form w3 css styling a contact form with CSS contact section using html and css contact section usinghtml and css the best contact page html and css contact formulaire html css css html contact form contact from html css css how to make your contact form work in html html css for a contact form form contact up html and css contact us form html css template html css nice contact forms css contact form code] contact us page html css contact form html css template beautiful css contact form create a contact page with html &amp; css form contact css professional form contact css contact form using html css how to make contact form css contact from css contact simple page html css contact form 7 examples css how to style a html contact form contact page css html form contact html css contact details html css code contact form design in html and css with code contact form design css contact html css 2 fields in contact form css w3schools contact form css w3schools contact form css style best contact form css contact form using html and css contact us form design in html and css with code free contact form html and css css contact us form create a contact form in html and css contact form css code page contact css contact form submit css contact form template html css custom css contact form contact form framework css how to style a contact form in css Contact form style CSS contact page html css contact us form html css contact forms css how to make a contact form in html and css contact us page html css code contact page css w3s make a contact form css w3css contact form contact me form css Contact form HTML/CSS Contact form HTML/CSS template contact form design html css style contact form css contact us section html css custom made contact form html and css HTML &amp; CSS form to contact how to make a contact form css and html make a contact form with html and css html css contact us page html css contact us page html css contact page contact us html css cool contact forms css contact form html and css contact us page using html and css contact usform css contact html css example css contact form with code how to make a contact page css contact page css html css contact form contact us in html css create my own contact page html css contact page html and css contact form css template contact box info css contact me in HTML Css contact form submitted code html css contact us form using html css example of contact form in html css how to make a contact form html css a better contact form in html css simple contact form html css contact form css design contact form css and html contact css css contact form select css contact us form css Contact form HTML &amp; CSS styling a contact form css contact form html css example contact us page form css and html html css contact information html css contact info html contact page with inline css html contact form with inline css cool contact form css contact us form simple html css contact form in html and css contact form styling css form contact me css contact us page with html css contact us with html css contact us form in css contact us html cs contact us button html css contact box css contact section code html css html css contact form template design contact form css page contact html css contact form css contact form css html CSS contact Form how to style contact form css html css style for contact form beautiful contact form html css CSS contact Forms how to style contact form css how to style contact form cs contact form html css
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source