- <!DOCTYPE html>
- <html>
- <head>
- <title>Travel Agency Software</title>
- <style>
- /* CSS styles for the software interface */
- /* Add your own styles as needed */
- body {
- font-family: Arial, sans-serif;
- margin: 0;
- padding: 20px;
- }
- h1 {
- color: #333;
- }
- form {
- margin-bottom: 20px;
- }
- label {
- display: block;
- margin-bottom: 5px;
- }
- input[type="text"],
- input[type="date"],
- input[type="number"] {
- width: 200px;
- padding: 5px;
- margin-bottom: 10px;
- }
- input[type="submit"] {
- padding: 10px 20px;
- background-color: #333;
- color: #fff;
- border: none;
- cursor: pointer;
- }
- </style>
- </head>
- <body>
- <h1>Travel Agency Software</h1>
- <form id="bookingForm">
- <label for="guestName">Guest Name:</label>
- <input type="text" id="guestName" name="guestName" required>
- <label for="arrivalDate">Arrival Date:</label>
- <input type="date" id="arrivalDate" name="arrivalDate" required>
- <label for="departureDate">Departure Date:</label>
- <input type="date" id="departureDate" name="departureDate" required>
- <label for="numGuests">Number of Guests:</label>
- <input type="number" id="numGuests" name="numGuests" required>
- <input type="submit" value="Book Stay">
- </form>
- <div id="bookingResult"></div>
- <script>
- // JavaScript code for handling the form submission
- document.getElementById("bookingForm").addEventListener("submit", function(event) {
- event.preventDefault(); // Prevent the default form submission
- // Retrieve form values
- var guestName = document.getElementById("guestName").value;
- var arrivalDate = document.getElementById("arrivalDate").value;
- var departureDate = document.getElementById("departureDate").value;
- var numGuests = document.getElementById("numGuests").value;
- // Perform booking logic or send data to a server for processing
- // Display the booking result
- var bookingResult = document.getElementById("bookingResult");
- bookingResult.innerHTML = "<p>Booking successful!</p>";
- bookingResult.innerHTML += "<p>Guest Name: " + guestName + "</p>";
- bookingResult.innerHTML += "<p>Arrival Date: " + arrivalDate + "</p>";
- bookingResult.innerHTML += "<p>Departure Date: " + departureDate + "</p>";
- bookingResult.innerHTML += "<p>Number of Guests: " + numGuests + "</p>";
- });
- </script>
- </body>
- </html>
[text] travel now
Viewer
*** This page was generated with the meta tag "noindex, nofollow". This happened because you selected this option before saving or the system detected it as spam. This means that this page will never get into the search engines and the search bot will not crawl it. There is nothing to worry about, you can still share it with anyone.
Editor
You can edit this paste and save as new:
File Description
- travel now
- Paste Code
- 02 Jun-2023
- 2.8 Kb
You can Share it: