Lab 3

mail@pastecode.io avatarunknown
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>