Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php
- include 'ChromePhp.php';
- //ChromePhp::log('Hello console!');
- //ChromePhp::log($_SERVER);
- //ChromePhp::warn('something went wrong!');
- ?>
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Student Sorting Task</title>
- <style>
- li {
- width: 610px;
- }
- li:first-child {
- border: 1px solid black;
- }
- span {
- display: inline-block;
- width: 100px;
- margin-right: 8.5%;
- }
- input[type="text"] {
- width: 145px;
- margin-right: 0.5%;
- }
- input[type="number"] {
- width: 100px;
- margin-right: 0.5%;
- }
- </style>
- <?php
- if (isset($_POST['first-name-input']) &&
- isset($_POST['last-name-input']) &&
- isset($_POST['email-input']) &&
- isset($_POST['score-input'])) {
- $firstName = $_POST['first-name-input'];
- $lastName = $_POST['last-name-input'];
- $email = $_POST['email-input'];
- $score = $_POST['score-input'];
- //$data = array(
- //
- //);
- }
- ?>
- </head>
- <body>
- <main>
- <section>
- <form action="student-sorting.php" method="post">
- <ul>
- <li><span>First name:</span><span>Last name:</span><span>Email:</span><span>Exam score:</span></li>
- <li><input type="text" name="first-name-input[]" /><input type="text" name="last-name-input[]" /><input type="text" name="email-input[]" /><input type="number" name="score-input[]" /><button>-</button></li>
- <li><input type="text" name="first-name-input" /><input type="text" name="last-name-input" /><input type="text" name="email-input" /><input type="number" name="score-input" /><button>-</button></li>
- </ul>
- <button>+</button>
- <label for="sort-selection">Sort by:</label>
- <select id="sort-selection">
- <option>First name</option>
- <option>Last name</option>
- <option>Email</option>
- <option>Exam score</option>
- </select>
- <label for="order-selection">Order:</label>
- <select id="order-selection">
- <option>Ascending</option>
- <option>Descending</option>
- </select>
- <input type="submit" value="Submit" />
- </form>
- </section>
- </main>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement