HTML通过表单实现酒店筛选功能
建站知识 2021-07-02 22:42www.168986.cn长沙网站建设
<!doctype html> <html xmlns="http://.w3./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酒店筛选的资料请关注狼蚁SEO其它相关文章!
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML