HTML realisiert Hotel-Screening-Funktion über Formular

HTML realisiert Hotel-Screening-Funktion über Formular

HTML

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html:charset=utf-8"/>
<title>Hotel-Screening durch Formulare</title>
<link rel="stylesheet" href="1-1.css">
</Kopf>
<Text>
<div Klasse="Herr-Inhalt">
<div Klasse="Herr-Container">
    <form>
    	<div Klasse="Herr-Linie">
    		<span>Ziel</span><input type="text">
    		<span>Check-in-Zeit</span><input type="text">
    		<span>Check-out-Zeit</span><input type="text">
    	</div>
    	<div Klasse="Herr-Linie">
    		<span>Hotellage</span>
    		<Auswählen>
				<Option ausgewählt>Attraktion 1</Option>
				<Option ausgewählt>Attraktion 2</Option>
    			<Option ausgewählt>Attraktion 3</Option>
				<Option ausgewählt>Sehenswürdigkeiten</Option>
    		</Auswählen>
    		<Auswählen>
				<Option ausgewählt>Verkehrsknotenpunkt 1</Option>
				<Option ausgewählt>Verkehrsknotenpunkt 2</Option>
				<Option ausgewählt>Verkehrsknotenpunkt 3</Option>
    			<Option ausgewählt>Verkehrsknotenpunkt</Option>
    		</Auswählen>
    		<Auswählen>
				<Option ausgewählt>U-Bahn-Bereich 1</Option>
				<Option ausgewählt>U-Bahn-Umgebung 2</Option>
				<Option ausgewählt>U-Bahn-Umgebung 3</Option>
    			<Option ausgewählt>U-Bahn-Bereich</Option>
    		</Auswählen>
    		<Auswählen>
    			<Option ausgewählt>Verwaltungsbezirk 1</Option>
				<Option ausgewählt>Verwaltungsbezirk 2</Option>
				<Option ausgewählt>Verwaltungsbezirk 3</Option>
				<Option ausgewählt>Verwaltungsbezirk</Option>
    		</Auswählen>
    	</div>
    	<div Klasse="Herr-Linie">
    		<span>Hotelpreise</span>
    		<span>Unbegrenzt</span>
    		<Eingabetyp="Radio">
    		<span>100 Yuan oder weniger</span>
    		<Eingabetyp="Radio">
    		100-300 Yuan
    		<Eingabetyp="Radio">
    		300-600 Yuan
    		<Eingabetyp="Radio">
    		600-1500 Yuan
    	</div>
    	<div Klasse="Herr-Linie">
    		<span>Hotel-Sternebewertung</span>
    		<span>Unbegrenzt</span>
    		<Eingabetyp="Kontrollkästchen">
    		<span>Fünf Sterne/Luxus</span>
    		<Eingabetyp="Kontrollkästchen">
    		<span>Vier Sterne/High-End</span>
    		<Eingabetyp="Kontrollkästchen">
    		<span>Drei Sterne/Komfort</span>
    	</div>
    	<div Klasse="ich-Linie">
    		<span>Themenstil</span>
    		<span>Unbegrenzt</span>
    		<Eingabetyp="Kontrollkästchen">
    		<span>Gasthaus</span>
    		<Eingabetyp="Kontrollkästchen">
    		<span>Boutique-Hotel</span>
    		<Eingabetyp="Kontrollkästchen">
    		<span>Paarhotel</span>
    		<Eingabetyp="Kontrollkästchen">
    		<span>Gartenhof</span>
    	</div>
    </form>
</div>
	</body>
</html> 

HTML

Oben finden Sie Einzelheiten zur Verwendung von HTML zur Implementierung der Hotelprüfung über Formulare. Weitere Informationen zur HTML-Hotelprüfung finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!

<<:  HTML+CSS-Boxmodellbeispiel (Kreis, Halbkreis usw.) „border-radius“ ist einfach und leicht zu verwenden

>>:  Zentrieren des Formulars in HTML

Artikel empfehlen

Eine kurze Erläuterung der Rolle des Parameters docker --privileged=true

Mit etwa Version 0.6 wurde Privileged in Docker e...

Vollständiges Beispiel der Kapselung der globalen Toast-Komponente durch Vue

Inhaltsverzeichnis Vorwort 1. Mit vue-cli 1. Defi...

So aktualisieren Sie die Ansicht synchron nach Datenänderungen in Vue

Vorwort Vor kurzem bin ich auf ein interessantes ...

Docker-Compose-Schritte zum Konfigurieren der Spring-Umgebung

Vor Kurzem musste ich das Projekt für die Mitglie...

Implementierungsschritte zur Installation eines Redis-Containers in Docker

Inhaltsverzeichnis Redis auf Docker installieren ...

Sieben verschiedene Farbschemata für das Website-Design-Erlebnis

Die Farbabstimmung beim Erstellen einer Website i...

Implementierungsbeispiel eines Videoplayers basierend auf Vue

Wenn der vorhandene Videoplayer die Anforderungen...

So zeigen Sie verfügbare Netzwerkschnittstellen in Linux an

Vorwort Die häufigste Aufgabe nach der Installati...