Guest User

form bracket

a guest
Sep 16th, 2016
30
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.83 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  6. <title></title>
  7.  
  8. <link href="lib/ionic/css/ionic.css" rel="stylesheet">
  9. <link href="css/style.css" rel="stylesheet">
  10.  
  11.  
  12.  
  13.  
  14. <script src="lib/ionic/js/ionic.bundle.js"></script>
  15.  
  16. <script src="cordova.js"></script>
  17.  
  18. <!-- your app's js -->
  19. <script src="js/app.js"></script>
  20. <script src="js/controllers.js"></script>
  21. <script src="js/services.js"></script>
  22. </head>
  23.  
  24.  
  25.  
  26. <style>
  27. input.txt {
  28. color: #00008B;
  29. background-color: #E3F2F7;
  30. border: 1px inset #00008B;
  31. width: 200px;
  32. }
  33. input.btn {
  34. color: #00008B;
  35. background-color: #ADD8E6;
  36. border: 1px outset #00008B;
  37. }
  38. form div {
  39. clear: left;
  40. margin: 0;
  41. padding: 0;
  42. padding-top: 5px;
  43. }
  44. form div label {
  45. float: left;
  46. width: 40%;
  47. font: bold 0.9em Arial, Helvetica, sans-serif;
  48. }
  49. fieldset {
  50. border: 1px dotted #61B5CF;
  51. margin-top: 1.4em;
  52. padding: 0.6em;
  53. }
  54. legend {
  55. font: bold 0.8em Arial, Helvetica, sans-serif;
  56. color: #00008B;
  57. background-color: #FFFFFF;
  58. }
  59. </style>
  60. </head>
  61. <body ng-app="starter">
  62. <h1>User Form</h1>
  63. <form>
  64. <fieldset>
  65. <legend>Personal Information</legend>
  66. <div>
  67. <label for="fullname"> First Name:</label>
  68. <input type="text" name="fullname" id="fullname" class="txt" />
  69. </div>
  70. <div>
  71.  
  72. <div>
  73. <label for="fullname"> Last Name Name:</label>
  74. <input type="text" name="fullname" id="fullname" class="txt" />
  75. </div>
  76.  
  77. <div>
  78. <label for="fullname"> User Name:</label>
  79. <input type="text" name="fullname" id="fullname" class="txt" />
  80. </div>
  81.  
  82. <div>
  83. <label for="fullname"> D.O.B:</label>
  84. <input type="radio" name="" value="male" class="txt" />
  85. </div>
  86.  
  87. <div>
  88. <label for="fullname"> Gender:</label>
  89. <input type="radiobutton" name="male" id="fullname" class="txt" />
  90. </div>
  91.  
  92.  
  93.  
  94.  
  95. <div>
  96. <label for="email">Email Address:</label>
  97. <input type="text" name="email" id="email" class="txt" />
  98. </div>
  99. <div>
  100. <label for="password1">Password:</label>
  101. <input type="password" name="password1" id="password1" class="txt" />
  102. </div>
  103. <div>
  104. <label for="password2">Confirm Password:</label>
  105. <input type="password" name="password2" id="password2" class="txt" />
  106. </div>
  107. </fieldset>
  108. <fieldset>
  109. <legend>Address Details</legend>
  110. <div>
  111. <label for="address1">Alternet Email add.:</label>
  112. <input type="text" name="address1" id="address1" class="txt" />
  113. </div>
  114.  
  115. <div>
  116. <label for="city">country/City:</label>
  117. <input type="text" name="city" id="city" class="txt" />
  118. </div>
  119.  
  120. </fieldset>
  121. <div>
  122. <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit!" class="btn" />
  123. </div>
  124. </form>
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142. </body>
  143. </html>
Add Comment
Please, Sign In to add comment