html FormIT和Bootstrap

Posted 2021-05-11

<section contact>
		    <header>
        		<h3>Contact Form</h3>
        	</header>
            [[!FormIt?
            &hooks=`spam,email,redirect`
            &emailTo=`[e-mail]`
            &emailFromName=`www.ielts.lang-courses.com`
            &emailSubject=`www.ielts.lang-courses.com`
            &redirectTo=`1`
            &store=`1`
            &validate=`name:required,email:email:required,text:required:stripTags`
            ]]

            [[!+fi.error_message:notempty=`[[!+fi.error_message]]`]]

            <div id="contact">
            <div class="form">
              <form class="form" action="[[~[[*id]]]]" method="post"><input type="hidden" name="ContactForm" value="" />
                <br>
              <div class="input-group">
                  <span class="input-group-addon">Name</span>
                  <span class="error">[[!+fi.error.name]]</span><input type="text" class="form-control" id="name" placeholder="Your name" name="name" value="[[!+fi.name]]">
              </div>
                <br>
              <div class="input-group">
                  <span class="input-group-addon">Email</span>
                  <span class="error">[[!+fi.error.name]]</span><input type="text" class="form-control" id="email" placeholder="Your email" name="email" value="[[!+fi.email]]">
              </div>
                <br>
              <div class="input-group">
                  <span class="input-group-addon">Text&nbsp;</span>
                  <span class="error">[[!+fi.error.text]]</span><textarea id="text" class="form-control" name="text" rows="10">[[!+fi.text]]</textarea>
              </div>
                <br>

              [[!+formit.recaptcha_html]] [[!+fi.error.recaptcha]]
              <input class="btn btn-info btn-large" type="submit" value="Send" />
              </form>
            </div>
</section>