Spaces:
Running
Running
| <html> | |
| <head> | |
| <title>Movie Review Page</title> | |
| <style> | |
| body { | |
| background-image: url("https://media.istockphoto.com/id/472789981/video/star-rating-5-stars-lower-third-hd.jpg?s=640x640&k=20&c=I0UVn5rcSx-0EJnAAOkK6Schv4p6OoLQwtX3KZSE8mM="); | |
| height: 100%; | |
| background-size: cover; | |
| margin: 0; | |
| padding: 20px; | |
| font-family: Arial, sans-serif; | |
| } | |
| h1 { | |
| color: #333; | |
| } | |
| form { | |
| width: 400px; | |
| background-color: #bae7f4; | |
| padding: 20px; | |
| border-radius: 8px; | |
| margin: 0 auto; | |
| } | |
| label { | |
| font-weight: bold; | |
| display: block; | |
| margin-bottom: 5px; | |
| } | |
| input[type="text"], | |
| textarea { | |
| width: 90%; | |
| padding: 10px; | |
| margin-bottom: 15px; | |
| border-radius: 5px; | |
| border: 1px solid #ccc; | |
| } | |
| select { | |
| width: 95%; | |
| padding: 10px; | |
| margin-bottom: 15px; | |
| border-radius: 5px; | |
| border: 1px solid #ccc; | |
| } | |
| textarea { | |
| height: 100px; | |
| } | |
| input[type="submit"] { | |
| background-color: #4CAF50; | |
| color: #fff; | |
| padding: 10px 20px; | |
| border: none; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| } | |
| input[type="submit"]:hover { | |
| background-color: #45a049; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <form action="submit_review.php" method="POST"> | |
| <label for="movie">Movie:</label> | |
| <input type="text" id="movie" name="movie" required> | |
| <label for="rating">Rating:</label> | |
| <select id="rating" name="rating" required> | |
| <option value="">Select Rating</option> | |
| <option value="1">1 Star</option> | |
| <option value="2">2 Stars</option> | |
| <option value="3">3 Stars</option> | |
| <option value="4">4 Stars</option> | |
| <option value="5">5 Stars</option> | |
| </select> | |
| <label for="review">Review:</label> | |
| <textarea id="review" name="review" required></textarea> | |
| <input type="submit" value="Post Review"> | |
| </form> | |
| </body> | |
| </html> | |