Lab 3
unknownhtml
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>