index.html

 avatar
unknown
html
3 years ago
7.0 kB
8
Indexable
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Student Enrollment Form</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <header>Student Enrollment Form</header>
        <div class="outer">
            <div class="left">
                <table>
                    <form name="enroll">
                        <tr>
                            <td>
                                <label for="name">Name</label>
                            </td>
                            <td>
                                <input type="text" id="name" name="name">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="email">Email</label>
                            </td>
                            <td>
                                <input type="text" id="email" name="email">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="website">Website</label>
                            </td>
                            <td>
                                <input type="text" id="website" name="website">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="image">Image Link</label>
                            </td>
                            <td>
                                <input type="text" id="image" name="image">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="gender">Gender</label>
                            </td>
                            <td>
                                <input type="radio" id="male" value="Male" name="gender">
                                <label for="gender">Male</label>
                                <br>
                                <input type="radio" id="female" value="Female" name="gender">
                                <label for="gender">Female</label>

                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="skills">Skills</label>
                            </td>
                            <td>
                                <input type="checkbox" id="java">
                                <label for="java">Java</label>
                                <input type="checkbox" id="html">
                                <label for="html">HTML</label>
                                <input type="checkbox" id="css">
                                <label for="css">CSS</label>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="submit" value="Enroll Student" id="enroll" class="sub" onclick="return val();">
                            </td>
                            <td>
                                <input type="submit" value="Clear" id="clear" class="sub">
                            </td>
                        </tr>   
                    </form>
                </table>
                
            </div>
            <div class="right">
                <table class="runtime" id="run">
                    <colgroup>
                        <col span="1" style="width: 60%;">
                        <col span="1" style="width: 40%;">
                    </colgroup>
                    <tr>
                        <th align="left"><p>Description</p></th>
                        <th><p>Image</p></th>
                    </tr>
                </table>
            </div>
        </div>
        <!-- <table>
            <form>
                <tr>
                    <td>
                        <label for="name">Name</label>
                    </td>
                    <td>
                        <input type="text" id="name">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="email">Email</label>
                    </td>
                    <td>
                        <input type="text" id="email">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="website">Website</label>
                    </td>
                    <td>
                        <input type="text" id="website">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="image">Image Link</label>
                    </td>
                    <td>
                        <input type="text" id="image">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="gender">Gender</label>
                    </td>
                    <td>
                        <input type="radio" id="male" value="Male">
                        <label for="male">Male</label>
                        <br>
                        <input type="radio" id="female" value="Female">
                        <label for="male">Female</label>

                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="skills">Skills</label>
                    </td>
                    <td>
                        <input type="checkbox" id="java">
                        <label for="java">Java</label>
                        <input type="checkbox" id="html">
                        <label for="html">HTML</label>
                        <input type="checkbox" id="css">
                        <label for="css">CSS</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="submit" value="Enroll Student" id="enroll" class="sub">
                    </td>
                    <td>
                        <input type="submit" value="Clear" id="clear" class="sub">
                    </td>
                </tr>   
            </form>
        </table> -->
        
        <script src="index.js" async defer></script>
    </body>
</html>
Editor is loading...