Lab 3
html
a month ago
6.8 kB
6
Indexable
Never
Lab 3 <!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>My Resume</title> <script src = "http://161.246.5.61/Lab.js"></script> </head> <body> <table border = "0" cellspacing="20" style="width: 100%; padding: 0%; margin: 0%;"> <colgroup> <col width = "30%"> <col width = "70%"> </colgroup> <tr> <form> <td rowspan="9" style="text-align: center;"> <img src="winter.jpg" alt="Picture" width="200" height="200"> <br> <br> <br> <hr> <label for = "profile"><strong>Profile:</strong></label> <br> <textarea id="profile" name="profile" rows="4" style="width: 95%;" required></textarea> </td> <td> <strong>Personal Information:</strong> <hr> </td> </form> </tr> <tr> <td> <label for = "name"><strong>Name:</strong></label> </td> </tr> <tr> <td> <input type="text" id="name" name="name" placeholder="John Doe" style="width: 100%;" required> </td> </tr> <tr> <td> <label for = "age"><strong>Age:</strong></label> </td> </tr> <tr> <td> <input type="range" id="age" name="age" min="0" max="100" required onchange="updateAgeValue()"> <span id = "ageValue">0</span> <script> updateAgeValue() </script> </td> </tr> <tr> <td> <label for = "email"><strong>Email:</strong></label> </td> </tr> <tr> <td> <input type="email" id="email" name="email" placeholder="myEmail@gmail.com" style="width: 100%;" required> </td> </tr> <tr> <td> <label for = "phone"><strong>Phone:</strong></label> </td> </tr> <tr> <td> <input type="tel" id="phone" name="phone" placeholder="092-345-6789" style="width: 100%;" required> </td> </tr> <tr> <td> <label for = "address"><strong>Address:</strong></label> <hr> </td> <td> <label for = "education"><strong>Education:</strong></label> <hr> </td> </tr> <tr> <td> <input type = "text" id = "street" placeholder = "Maple Street" style = "width: 100%;" required> </td> <td> <label for = "university"><strong>University:</strong></label> </td> </tr> <tr> <td> <input type = "text" id = "city" placeholder = "Califonia" style = "width: 100%;" required> </td> <td> <input type = "text" id = "university" placeholder = "KMITL" style = "width: 100%;" required> </td> </tr> <tr> <td> <select id="country" name="country" style="width: 100%;" required> <option value="">Select a country</option> </select> <script> populateCountries() </script> </td> <td> <label for = "degree"><strong>Degree:</strong></label> </td> <tr> <td></td> <td> <input type = "text" id = "degree" placeholder = "Software Engineering" style="width: 100%;" required> </td> </tr> <tr> <td></td> <td> <label for = "year"><strong>Year of Graduation:</label> </td> </tr> <tr> <td></td> <td> <input type = "date" id = "graduationYear" placeholder="Software Engineering" style = "width: 100%;" required> </td> </tr> <tr> <td> <label for = "contact"><strong>Contacts:</strong></label> <hr> </td> <td> <label for = "experience"><strong>Skills & Experience:</strong></label> <hr> </td> </tr> <tr> <td> <label for="reference"><strong>Reference:</strong></label> <br> <br> <textarea id="ref" name="ref" rows="4" style="width: 95%;" required></textarea> </td> <td> <label for="skills"><strong>Skills:</strong></label> <br> <br> <textarea id="skills" name="skills" rows="4" style="width: 95%;" required></textarea> </td> </tr> <tr> <td> <label for="col"><strong>Favorite Colour:</strong></label> </td> <td> <label for="experience"><strong>Experience:</strong></label> <br> <br> <textarea id="experience" name="experience" rows="4" style="width: 95%;" required></textarea> </td> </tr> <tr> <td> <input type = "color" id = "favColour" style = "width: 100%;" required> </td> </tr> <tr> <td> <input type="submit" value="Submit" onclick="displayResume()"> </td> </tr> </table> </body> </html>