Scribd
Upload
8 views1 page

Contact Form HTML Structure

The document contains an HTML form with fields for name, email, subject, and message. The form uses a grid layout with columns to organize the input fields.

Uploaded by

fahmi husin
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
8 views1 page

Contact Form HTML Structure

The document contains an HTML form with fields for name, email, subject, and message. The form uses a grid layout with columns to organize the input fields.

Uploaded by

fahmi husin
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<form id="contact-form" name="contact-form" action="mail.

php"
method="POST">

<!--Grid row-->
<div class="row">

<!--Grid column-->
<div class="col-md-6">
<div class="md-form mb-0">
<input type="text" id="name" name="name" class="form-
control">
<label for="name" class="">Your name</label>
</div>
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-md-6">
<div class="md-form mb-0">
<input type="text" id="email" name="email" class="form-
control">
<label for="email" class="">Your email</label>
</div>
</div>
<!--Grid column-->

</div>
<!--Grid row-->

<!--Grid row-->
<div class="row">
<div class="col-md-12">
<div class="md-form mb-0">
<input type="text" id="subject" name="subject"
class="form-control">
<label for="subject" class="">Subject</label>
</div>
</div>
</div>
<!--Grid row-->

<!--Grid row-->
<div class="row">

<!--Grid column-->
<div class="col-md-12">

<div class="md-form">
<textarea type="text" id="message" name="message"
rows="2" class="form-control md-textarea"></textarea>
<label for="message">Your message</label>
</div>

</div>
</div>
<!--Grid row-->

</form>

You might also like