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

nginx generiert automatisch Konfigurationsdateien im Docker-Container

Wenn ein Unternehmen eine automatisierte Docker-B...

Detaillierte Erklärung der Lösung für das Nginx-Panikproblem

In Bezug auf das Nginx-Panikproblem müssen wir zu...

Verwendung und Verschönerung von HTML-Blockquote-Tags

Definition und Verwendung von Blockquote Das Tag ...

Führen Sie die Schritte zum Upgrade von Nginx http auf https aus.

Der Unterschied zwischen http und https ist Bei m...

SQL Get gespeicherte Prozedur gibt Datenprozessanalyse zurück

Dieser Artikel stellt hauptsächlich die Analyse d...

Eine kurze Analyse der startReactApplication-Methode von React Native

In diesem Artikel haben wir den Startvorgang von ...

Beispiel für die Erstellung eines XML-Online-Editors mit js

Inhaltsverzeichnis Vorwort Die Notwendigkeit von ...

Nginx implementiert ein Codebeispiel für die https-Websitekonfiguration

https-Basisport 443. Er wird für etwas verwendet,...

Detaillierte Erklärung des Initialisierungsmechanismus in Bash

Bash-Initialisierungsdateien Interaktive Login-Sh...

Modulare CSS-Lösung

Es gibt wahrscheinlich ebenso viele modulare Lösu...