The HTML Code for Contact Us Form

The HTML Code for Contact Us Form

Copy the below  HTML  code as it is in full and paste it inside the HTML from of the “Contact Us” page as described in the tutorial.

First highlight the code between the lines ( in full as a whole ) using your mouse, then :

 

To Copy the code using your keyboard use : Ctrl + C  

and  to paste it anywhere  use  Ctrl + V 

Or use your mouse ( right click option ) if it does allow you to copy and paste.

Copy the code between the lines only as it is ( DO NOT Copy The Lines )

--------------------------------( DO NOT Copy This Line )------------------------

<div id="custom_ContactForm1" class="widget ContactForm">

 <div class="contact-form-widget">

<p>Get in touch with us by filling out the form below.</p>

  <div class="form">

   <form name="contact-form">

    <p></p>

    Name

    <br>

    <input type="text" value="" size="30" name="name" id="ContactForm1_contact-form-name" class="contact-form-name">

    <p></p>

    Email

    <span style="font-weight: bolder;">*</span>

    <br>

    <input type="text" value="" size="30" name="email" id="ContactForm1_contact-form-email" class="contact-form-email">

    <p></p>

    Message

    <span style="font-weight: bolder;">*</span>

    <br>

    <textarea rows="5" name="email-message" id="ContactForm1_contact-form-email-message" cols="25" class="contact-form-email-message"></textarea>

    <p></p>

    <input type="button" value="Send" id="ContactForm1_contact-form-submit" class="contact-form-button contact-form-button-submit">

    <p></p>

    <div style="text-align: center; max-width: 222px; width: 100%">

     <p id="ContactForm1_contact-form-error-message" class="contact-form-error-message"></p>

     <p id="ContactForm1_contact-form-success-message" class="contact-form-success-message"></p>

    </div>

   </form>

  </div>

 </div>

 <div class="clear"></div>

 <span class="widget-item-control">

  <span class="item-control Blog-admin">

   <a title="Edit" target="configContactForm1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;ContactForm1&quot;));" href="//www.Blogger.com/rearrange?BlogID=8799058979810298021&amp;widgetType=ContactForm&amp;widgetId=ContactForm1&amp;action=editWidget&amp;sectionId=sidebar-right-1" class="quickedit">

    <img width="18" height="18" src="//img1.BlogBlog.com/img/icon18_wrench_allbkg.png" alt="">

   </a>

  </span>

 </span>

 <div class="clear"></div>

</div>

--------------------------------( DO NOT Copy This Line )------------------------