Advertisement
Guest User

Untitled

a guest
May 20th, 2018
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.18 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="style.css">
  4. <meta charset="utf-8">
  5. <title></title>
  6. </head>
  7. <body>
  8. <script src="script.js"></script>
  9. <h1>Let's Create an ID card!</h1>
  10. <label class="label1">First Name:<br><input type="text" id="firstName" name="firstname"/>
  11. </label>
  12. <br>
  13. <label class="label2">Last Name:<br><input type="text" id="lastName" name="lastname"/>
  14. </label>
  15. <br>
  16. <label class="label3">Age:<br><input type="number" id="age" name="age"/></label>
  17. <br>
  18. <label class="label4">Phone Number:<br><input type="number" id="phoneNumber" name="phoneNumber"/></label>
  19. <br>
  20. <label class="label5">Address:<br><input type="text" id="address" name="address"/></label>
  21. <br>
  22. <button onclick="idCard()">Get ID Card!</button>
  23. <div id="idCard">
  24. <img src="http://www.iconninja.com/files/373/611/612/person-user-profile-male-man-avatar-account-icon.svg">
  25. <p id="postFullName"></p>
  26. <p id="postAge"></p>
  27. <p id="postPhoneNumber"></p>
  28. <p id="postAddress"></p>
  29. </div>
  30.  
  31. </body>
  32. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement