HTMLはフォームを通じてホテルスクリーニング機能を実現します

html

<!doctypehtml>
<html xmlns="http://www.w3.org/1999/xhtml">
<ヘッド>
<meta http-equiv="コンテンツタイプ" content="text/html:charset=utf-8"/>
<title>フォームによるホテル審査</title>
<link rel="スタイルシート" href="1-1.css">
</head>
<本文>
<div class="mr-content">
<div class="mr-container">
    <フォーム>
    	<div class="mr-line">
    		<span>目的地</span><input type="text">
    		<span>チェックイン時間</span><input type="text">
    		<span>チェックアウト時間</span><input type="text">
    	</div>
    	<div class="mr-line">
    		<span>ホテルの所在地</span>
    		<選択>
				<オプションを選択>アトラクション 1</オプション>
				<オプション選択>アトラクション 2</オプション>
    			<オプションを選択>アトラクション 3</オプション>
				<オプションを選択>アトラクション</オプション>
    		</選択>
    		<選択>
				<オプションを選択>交通ハブ 1</オプション>
				<オプションを選択>交通ハブ 2</オプション>
				<オプションを選択>交通ハブ 3</オプション>
    			<オプションを選択>交通ハブ</オプション>
    		</選択>
    		<選択>
				<オプション選択>地下鉄エリア 1</オプション>
				<オプション選択>メトロ周辺 2</オプション>
				<オプション選択>メトロ周辺 3</オプション>
    			<オプション選択>地下鉄エリア</オプション>
    		</選択>
    		<選択>
    			<オプションが選択されました>行政区 1</オプション>
				<オプションが選択されました>行政区 2</オプション>
				<オプションが選択されました>行政区 3</オプション>
				<オプションが選択されました>行政区</オプション>
    		</選択>
    	</div>
    	<div class="mr-line">
    		<span>ホテル料金</span>
    		<span>無制限</span>
    		<入力タイプ="ラジオ">
    		<span>100元以下</span>
    		<入力タイプ="ラジオ">
    		100～300元
    		<入力タイプ="ラジオ">
    		300～600元
    		<入力タイプ="ラジオ">
    		600-1500元
    	</div>
    	<div class="mr-line">
    		<span>ホテルの星評価</span>
    		<span>無制限</span>
    		<入力タイプ="チェックボックス">
    		<span>5つ星/高級</span>
    		<入力タイプ="チェックボックス">
    		<span>4つ星/高級</span>
    		<入力タイプ="チェックボックス">
    		<span>3 つ星/快適</span>
    	</div>
    	<div class="me-line">
    		<span>テーマ スタイル</span>
    		<span>無制限</span>
    		<入力タイプ="チェックボックス">
    		<span>宿屋</span>
    		<入力タイプ="チェックボックス">
    		<span>ブティックホテル</span>
    		<入力タイプ="チェックボックス">
    		<span>カップルホテル</span>
    		<入力タイプ="チェックボックス">
    		<span>ガーデンコートヤード</span>
    	</div>
    </フォーム>
</div>
	</本文>
</html>

html