Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
- <title></title>
- <link href="lib/ionic/css/ionic.css" rel="stylesheet">
- <link href="css/style.css" rel="stylesheet">
- <script src="lib/ionic/js/ionic.bundle.js"></script>
- <script src="cordova.js"></script>
- <!-- your app's js -->
- <script src="js/app.js"></script>
- <script src="js/controllers.js"></script>
- <script src="js/services.js"></script>
- </head>
- <style>
- input.txt {
- color: #00008B;
- background-color: #E3F2F7;
- border: 1px inset #00008B;
- width: 200px;
- }
- input.btn {
- color: #00008B;
- background-color: #ADD8E6;
- border: 1px outset #00008B;
- }
- form div {
- clear: left;
- margin: 0;
- padding: 0;
- padding-top: 5px;
- }
- form div label {
- float: left;
- width: 40%;
- font: bold 0.9em Arial, Helvetica, sans-serif;
- }
- fieldset {
- border: 1px dotted #61B5CF;
- margin-top: 1.4em;
- padding: 0.6em;
- }
- legend {
- font: bold 0.8em Arial, Helvetica, sans-serif;
- color: #00008B;
- background-color: #FFFFFF;
- }
- </style>
- </head>
- <body ng-app="starter">
- <h1>User Form</h1>
- <form>
- <fieldset>
- <legend>Personal Information</legend>
- <div>
- <label for="fullname"> First Name:</label>
- <input type="text" name="fullname" id="fullname" class="txt" />
- </div>
- <div>
- <div>
- <label for="fullname"> Last Name Name:</label>
- <input type="text" name="fullname" id="fullname" class="txt" />
- </div>
- <div>
- <label for="fullname"> User Name:</label>
- <input type="text" name="fullname" id="fullname" class="txt" />
- </div>
- <div>
- <label for="fullname"> D.O.B:</label>
- <input type="radio" name="" value="male" class="txt" />
- </div>
- <div>
- <label for="fullname"> Gender:</label>
- <input type="radiobutton" name="male" id="fullname" class="txt" />
- </div>
- <div>
- <label for="email">Email Address:</label>
- <input type="text" name="email" id="email" class="txt" />
- </div>
- <div>
- <label for="password1">Password:</label>
- <input type="password" name="password1" id="password1" class="txt" />
- </div>
- <div>
- <label for="password2">Confirm Password:</label>
- <input type="password" name="password2" id="password2" class="txt" />
- </div>
- </fieldset>
- <fieldset>
- <legend>Address Details</legend>
- <div>
- <label for="address1">Alternet Email add.:</label>
- <input type="text" name="address1" id="address1" class="txt" />
- </div>
- <div>
- <label for="city">country/City:</label>
- <input type="text" name="city" id="city" class="txt" />
- </div>
- </fieldset>
- <div>
- <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit!" class="btn" />
- </div>
- </form>
- </body>
- </html>
Add Comment
Please, Sign In to add comment