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