You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

70 lines
1.8 KiB

  1. ---
  2. layout : 'default'
  3. css : 'hotfix'
  4. title : 'Test Page'
  5. type : 'Library'
  6. ---
  7. <%- @partial('header') %>
  8. <script type='text/javascript'>
  9. $(document).ready(function() {
  10. $(document).ready(function () {
  11. var settings = {
  12. inline : true,
  13. on : 'blur'
  14. };
  15. var consultantRules = {
  16. required : {
  17. identifier : 'required',
  18. rules : [{
  19. type : 'empty',
  20. prompt : 'Please enter value.'
  21. }]
  22. }
  23. };
  24. $('.form').form(consultantRules, settings);
  25. });
  26. });
  27. </script>
  28. <div class="main container">
  29. without form :
  30. <div class="inline field">
  31. <label class="email optional" for="landing_user_Votre email">Votre email</label>
  32. <div class="ui input left icon">
  33. <input id="landing_user_email" name="landing_user[email]" required="required" type="text">
  34. <i class="icon mail outline"></i>
  35. </div>
  36. </div>
  37. <br/> <br/>
  38. with ui form and with input icon:
  39. <form class='ui form'>
  40. <div class="inline field">
  41. <label class="email optional" for="landing_user_Votre email">Votre email</label>
  42. <div class="ui input left icon">
  43. <input id="landing_user_email" name="landing_user[email]" required="required" type="text">
  44. <i class="icon mail outline"></i>
  45. </div>
  46. </div>
  47. </form>
  48. <br/>
  49. <br/>
  50. with ui form and without input icon
  51. <form class='ui form'>
  52. <div class="inline field">
  53. <label class="email optional" for="landing_user_Votre email">Votre email</label>
  54. <input id="landing_user_email" name="landing_user[email]" required="required" type="text">
  55. </div>
  56. </form>
  57. </div>