<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html:charset=utf-8"/>
<title>通過表單實現(xiàn)酒店篩選</title>
<link rel="stylesheet" href="1-1.css">
</head>
<body>
<div class="mr-content">
<div class="mr-container">
    <form>
    	<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>
    		<select>
				<option selected>景點1</option>
				<option selected>景點2</option>
    			<option selected>景點3</option>
				<option selected>景點</option>
    		</select>
    		<select>
				<option selected>交通樞紐1</option>
				<option selected>交通樞紐2</option>
				<option selected>交通樞紐3</option>
    			<option selected>交通樞紐</option>
    		</select>
    		<select>
				<option selected>地鐵周邊1</option>
				<option selected>地鐵周邊2</option>
				<option selected>地鐵周邊3</option>
    			<option selected>地鐵周邊</option>
    		</select>
    		<select>
    			<option selected>行政區(qū)1</option>
				<option selected>行政區(qū)2</option>
				<option selected>行政區(qū)3</option>
				<option selected>行政區(qū)</option>
    		</select>
    	</div>
    	<div class="mr-line">
    		<span>酒店價格</span>
    		<span>不限</span>
    		<input type="radio">
    		<span>100元以下</span>
    		<input type="radio">
    		<span>100-300元</span>
    		<input type="radio">
    		<span>300-600元</span>
    		<input type="radio">
    		<span>600-1500元</span>
    	</div>
    	<div class="mr-line">
    		<span>酒店星級</span>
    		<span>不限</span>
    		<input type="checkbox">
    		<span>五星/豪華</span>
    		<input type="checkbox">
    		<span>四星/高檔</span>
    		<input type="checkbox">
    		<span>三星/舒適</span>
    	</div>
    	<div class="me-line">
    		<span>主題風格</span>
    		<span>不限</span>
    		<input type="checkbox">
    		<span>客棧</span>
    		<input type="checkbox">
    		<span>精品酒店</span>
    		<input type="checkbox">
    		<span>情侶酒店</span>
    		<input type="checkbox">
    		<span>園林庭院</span>
    	</div>
    </form>
</div>
	</body>
</html>

以上就是HTML通過表單實現(xiàn)酒店篩選功能的詳細內容，更多關于html酒店篩選的資料請關注腳本之家其它相關文章！

標簽：保定陜西廣安清遠上海內蒙古吳忠山南

巨人網絡通訊聲明：本文標題《HTML通過表單實現(xiàn)酒店篩選功能》，本文關鍵詞 HTML,通過,表單,實現(xiàn),酒店,；如發(fā)現(xiàn)本文內容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡，涉及言論、版權與本站無關。

濮阳杆衣贸易有限公司

HTML通過表單實現(xiàn)酒店篩選功能