- Output for 8.3.0 - 8.3.30, 8.4.1 - 8.4.18, 8.5.0 - 8.5.3
- <!DOCTYPE html>
<html>
<head>
<title>Lab 6 PHP Exercises</title>
<style>
.blue-text { color: blue; font-size: 14px; }
table, th, td { border: 1px solid black; border-collapse: collapse; padding: 5px; }
</style>
</head>
<body>
<h2>Exercise 1</h2>
<p>HTML</p>
<form method="post">
<button name="change_text">Change Text</button>
</form>
<!-- Moving to Exercise 2 -->
<h2>Exercise 2</h2>
<p class="blue-text">JavaScript</p>
<!-- Moving to Exercise 3 -->
<h2>Exercise 3</h2>
<form method="post">
<input type="number" name="user_guess" min="1" max="10" required>
<button name="guess">Guess</button>
</form>
<p></p>
<!-- Moving to Exercise 4 -->
<h2>Exercise 4</h2>
<form method="post">
<input type="number" name="num1" step="any" placeholder="Number 1" required>
<input type="number" name="num2" step="any" placeholder="Number 2" required>
<button name="calc">Calculate</button>
</form>
<p></p>
<!-- Moving to Exercise 5 -->
<h2>Exercise 5</h2>
<form method="post">
<input type="number" name="temp" step="any" required>
<select name="unit">
<option value="C">Celsius</option>
<option value="F">Fahrenheit</option>
</select>
<button name="convert_temp">Convert</button>
</form>
<p></p>
<!-- Moving to Exercise 6 -->
<h2>Exercise 6</h2>
<form method="post">
<input type="number" name="angle" min="0" max="180" required>
<button name="check_angle">Check Angle</button>
</form>
<p></p>
<!-- Moving to Exercise 7 -->
<h2>Exercise 7</h2>
<form method="post">
<input type="number" name="num_bits" required>
<button name="rev_bits">Reverse Bits</button>
</form>
<p>Reversed: </p>
<!-- Moving to Exercise 8 -->
<h2>Exercise 8</h2>
<form method="post">
<input type="number" name="num_cubes" required>
<button name="sum_cubes">Calculate Sum of Cubes</button>
</form>
<p></p>
<!-- Moving to Exercise 9 -->
<h2>Exercise 9</h2>
<form method="post">
Name: <input type="text" name="name" required> <span></span><br>
Email: <input type="email" name="email" required> <span></span><br>
Website: <input type="text" name="website"><br>
Comment: <textarea name="comment"></textarea> <span></span><br>
Gender:
<input type="radio" name="gender" value="Female"> Female
<input type="radio" name="gender" value="Male"> Male
<input type="radio" name="gender" value="Other"> Other <span></span><br>
<button name="submit_form">Submit</button>
</form>
<p>Your Input: , , , </p>
<!-- Moving to Exercise 10 -->
<h2>Exercise 10</h2>
<form method="post">
Student Name: <input type="text" name="sname" required><br>
Student Email: <input type="email" name="semail" required><br>
Evaluation Date: <input type="datetime-local" name="edate" required><br>
Favourite Topic:
<select name="topic">
<option>HTML</option>
<option>CSS</option>
<option>JavaScript</option>
<option>PHP-MySQL</option>
</select><br>
Rate 1-5: <input type="number" name="rate" min="1" max="5" required><br>
<button name="evaluate">Evaluate</button>
</form>
</body>
</html>