Advanced Search

HTML - Forms - Ajax Loading

/ Published in: HTML
Save to your folder(s)
HTML form ajax loader

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!-- FORM -->
  2. <div class="form ajax_wrap">
  3. 	<fieldset>
  4. 		<div class="general">
  5. 			<label for="name2">Full name</label>
  6. 			<span class="wrap">
  7. 				<input type="text" name="name2" id="name2">
  8. 			</span>
  9. 		</div>
  10. 		<div class="general">
  11. 			<label for="emailaddress2">Email address</label>
  12. 			<span class="wrap">
  13. 				<input type="text" name="emailaddress2" id="emailaddress2">
  14. 			</span>
  15. 		</div>
  16. 		<div class="general">
  17. 			<label for="message2">Message</label>
  18. 			<span class="wrap">
  19. 				<textarea name="message2" id="message2" cols="" rows="8"></textarea>
  20. 			</span>
  21. 		</div>
  22. 	</fieldset>
  23. 	<fieldset class="buttons">
  24. 		<button class="button"><span>Send message</span></button>
  25. 	</fieldset>
  26.  
  27. 	<!-- AJAX LOADING -->
  28. 	<div class="ajax_loading">
  29. 		<div class="loading">
  30. 			<span class="message">Your message is being sent, please wait.</span>
  31. 		</div>
  32. 	</div>
  33. 	<!--// AJAX LOADING -->
  34.  
  35. </div>
  36. <!--// FORM -->

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.