当前位置: 首页 > news >正文

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

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!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>酒店星级@ www.haoshilao.net</span>
            <span>不限</span>
            <input type="checkbox">
            <span>五星/豪华</span>
            <input type="checkbox">
            <span>四星/高档</span>
            <input type="checkbox">
            <span>三星/舒适</span>
        </div>
        <div class="me-line">
            <span>主题风格@ www.xuepai.net</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>

 

http://www.jsqmd.com/news/201018/

相关文章:

  • 基于SpringBoot的协同过滤推荐算法的线上安全教育平台毕业设计项目源码
  • 【无人机控制】同轴倾转旋翼三轴无人机的非线性建模和控制,混合反步滑模分层控制方案以及EKF和UKF估计附matlab代码
  • 2026最新瑜伽面料品牌top5推荐!服务覆盖广东广州义乌福建等地优质公司及厂家选择指南,功能性与品质兼具助力运动服饰升级 - 全局中转站
  • 想超越竞品的AI搜索排名,该选什么样的AI GEO优化公司? - 奇林智媒GEO
  • 分时电价环境下用户负荷需求响应分析方法Matlab代码
  • vue 如何给任意组件使用右键菜单,全局右键菜单
  • 本地私有知识库新选择:访答的优势解析
  • 开发测试人员必备网站整合:一步到位,果断收藏了!
  • Spring-boot读书笔记一where is rating() from
  • 计算机深度学习毕设实战-基于卷神经网络的web网页html版通过CNN卷积神经网络对盆栽识别
  • 计及需求响应和电能交互的多主体综合能源系统主从博弈优化调度策略Matlab代码
  • docker的常用命令
  • 少儿编程培训哪家好:机构详细对比与推荐 - 品牌测评鉴赏家
  • html+css实现赛博朋克风格按钮代码
  • 港口集装箱起重机防摇辅助系统
  • 深度学习计算机毕设之基于python机器学习web网页html版通过CNN卷积神经网络对盆栽识别
  • 2026最新运动面料品牌top5推荐!服务覆盖广东广州义乌福建等地优质公司及厂家选择指南,功能性与品质兼具助力运动服饰升级 - 全局中转站
  • I创业颠覆认知——为什么传统产品经理正在消亡,三位超级个体如何重塑产品开发
  • 语音情绪分析让抑郁预警提前一个月
  • 最新流出!7款AI论文神器,知网查重一把过!
  • k8s的常用组件,和命令
  • 2026最新瑜伽面料品牌top5推荐!服务覆盖广东广州义乌福建等地优质公司及厂家选择指南,品质与功能兼具助力服饰产业升级 - 全局中转站
  • 第一章:C语言程序 Pro
  • ZetaChain 跨链原子性解析: 技术机制、生态展望与开发实战
  • 【课程设计/毕业设计】基于机器学习的web网页html版通过CNN卷积神经网络对盆栽识别
  • 大模型产品经理十本经典书籍推荐:从技术原理到商业落地的全方位指南_大模型产品经理必读的十本书籍
  • 商用无忧!企业宣传片免费素材库
  • 深度学习毕设项目:基于深度学习的web网页html版通过CNN卷积神经网络对盆栽识别
  • HTML+CSS制作心跳特效代码
  • 2026本科生必备8个降AI率工具测评榜单