HTML通过表单实现酒店筛选功能

!doctyPE htML>
    html XMlns="http://www.w3.org/1999/xhtml">
    head>
    meta http-equiv="Content-type" content="text/html:charset=utf-8"/>
    tITle>
    通过表单实现酒店筛选/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>
    行政区1/option>
    				option selected>
    行政区2/option>
    				option selected>
    行政区3/option>
    				option selected>
    行政区/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通过表单实现酒店筛选功能的详细内容，更多关于html酒店筛选的资料请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！