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酒店筛选的资料请关注万象站长学堂其它相关文章!
上一篇:HTML+css盒子模型案例(圆,半圆等)“border
栏 目:HTML/Xhtml
本文标题:HTML通过表单实现酒店筛选功能
本文地址:https://zhanzhang.eapis.site/html/2038.html
您可能感兴趣的文章
- 2025-10-23 20:26地铁:归来配置 地铁:归来最低配置及要求
- 2025-10-22 09:23DW中的建单选按钮不能实现二选一该怎么办?
- 2025-10-23 21:12电脑缺少mfc140u.dll怎么办 打开软件出现mfc140u.dll丢失修复技巧
- 2025-10-22 11:21thinkpad x230i 笔记本电脑开机进入BIOS的方法(U盘启动设置方法)
- 2025-10-23 21:55电脑半角全角怎么转换 三种方法快速切换全角的技巧
- 2025-10-22 12:23如何在solaris中设置分辨率?在solaris中设置分辨率的方法
- 2025-10-23 22:38方正字库中英文、文件名对照表
- 2025-10-22 13:25网页设计师必须get的7项技能
- 2025-10-23 23:23html+css实现分层金字塔的实例
- 2025-10-22 14:41在firefox播放flash的object及param的写法




粤公网安备 13010202004186