Home/Questions/Q 58671
Next
In Process
Himanshu Kulshreshtha
Elite Author
Asked: 2024-05-22T15:10:07+05:30 In:

Write HTML code to display a webpage for a hospital and create a web form for taking online appointment of a doctor.

Write HTML code to display a webpage for a hospital and create a web form for taking online appointment of a doctor.

CITL-001
Share

    1 Answer

    1. Elite Author

      Here's a simple HTML code to display a webpage for a hospital and create a web form for taking online appointments with a doctor:

      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hospital Appointment</title>
</head>
<body>
    <header>
        <h1>Welcome to Our Hospital</h1>
        <p>Book an appointment with our doctors online</p>
    </header>

    <main>
        <h2>Book Appointment</h2>
        <form action="submit_appointment.php" method="post">
            <label for="doctor">Select Doctor:</label>
            <select id="doctor" name="doctor">
                <option value="Dr. Smith">Dr. Smith</option>
                <option value="Dr. Johnson">Dr. Johnson</option>
                <option value="Dr. Patel">Dr. Patel</option>
                <!-- Add more doctors as needed -->
            </select><br><br>
            <label for="name">Your Name:</label>
            <input type="text" id="name" name="name" required><br><br>
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" required><br><br>
            <label for="date">Date:</label>
            <input type="date" id="date" name="date" required><br><br>
            <label for="time">Time:</label>
            <input type="time" id="time" name="time" required><br><br>
            <input type="submit" value="Book Appointment">
        </form>
    </main>

    <footer>
        <p>Contact us for any queries: <a href="mailto:info@hospital.com">info@hospital.com</a></p>
    </footer>
</body>
</html>

      This HTML code creates a webpage for a hospital with a header displaying the hospital name and a brief message. The main content includes a form for booking appointments with doctors. The form collects information such as the doctor's name, patient's name, email, appointment date, and time. Users can select a doctor from a dropdown list, enter their details, and choose a suitable date and time for the appointment. When the user submits the form, the data is sent to a PHP script (submit_appointment.php) for processing. Make sure to replace "submit_appointment.php" with the actual file where you want to handle the form submission.

      • 0

    Related Questions