【HTML+CSS练习】画一个条件查询

最新推荐文章于 2021-12-05 21:58:46 发布

Warolitbos

最新推荐文章于 2021-12-05 21:58:46 发布

阅读量545

点赞数 3

分类专栏： HTML+CSS基础知识文章标签： css html 前端其他

本文链接：https://blog.csdn.net/VirusScanLog/article/details/115183793

版权

这篇博客是关于HTML+CSS的实践练习，详细介绍了如何利用这两种技术来构建一个条件查询的状态栏搜索。文章提供了实现效果的展示，并给出了相应的HTML和CSS代码示例。

摘要由CSDN通过智能技术生成

HTML+CSS练习，创建条件查询相关数据

使用HTML+CSS，绘制一个条件查询的状态栏搜索
具体效果如下：

注：要是觉得文章写得不错，记得留个赞哦！
HTML代码如下：

<!DOCTYPE html>
<html lang="en-ZH">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>条件查询</title>
    <script src="./vue.js"></script>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div class='Share' id="app">
        <div class='Share-1'>
            <label>
                <span class='text' name='wuliao-id'>新闻ID：</span>
                <input type="text" class="input">
            </label>

            <label>
                <