- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端儿
使用BEM命名规范来组织CSS代码
-- 某个块 --> <form class="<em>search-form</em>"> <! 某些时候有必要） */ .search-form_theme1 .search-form__input {} /* 错误：使用了标签 */ button.search-form__button {} .search-form _hover {} } } } &-result { } } /* 建议这样,按照各级区分出来 */ .search-form button-set { &_hover {} } } .search-result { } /* 对于嵌套在块中的块，如果非常有必要，可以嵌套写样式 */ .search-form 可转换成设置对应的 元素来表现，如 */ .search-form {} .my-img { &__search-form-logo {} } BEM 规范虽然结构比较清晰，但有时候会产生代码冗余
1.2K61发布于 2018-09-03 迅睿CMS按照模块不同类型进行搜索显示指定模块内容
迅睿CMS按照模块不同类型进行搜索显示指定模块内容 <form class="<em>search-form</em>" action="/index.php" method="get 相关文档： https://www.xunruicms.com/wenda/52349.html 内容模块搜索框写法： <form class="search-form" action="/index.php
28910编辑于 2025-05-21- 来自专栏我在本科期间写的文章
❤️创意网页：如何使用HTML制作漂亮的搜索框
} } body { animation: backgroundAnimation 6s infinite; /* 6秒的动画循环 */ } .search-form search-button:hover { background-color: #45a049; } </style> </head> <body> <div class="<em>search-form</em> .<em>search-form</em>：用于将搜索框居中显示的样式类。 .search-input：搜索框的样式，包括边框、阴影和过渡效果。 .search-button：搜索按钮的样式，包括背景颜色和过渡效果。
4.1K10编辑于 2024-03-20 Vue3——基于tdesign封装一个通用的查询组件
t-button__text { display: flex; align-items: center; } } } </style> 使用 <template> <search-form :form-config="formConfig" @submit="onSubmit"></search-form> </template> <script setup lang="ts"> import
51410编辑于 2024-08-15- 来自专栏Django Scrapy
Django安装及简单使用1.4
urlpatterns = [ url(r'^hello$', view.hello), url(r'^testdb$', testdb.testdb), url(r'^search-form urlpatterns = [ url(r'^hello$', view.hello), url(r'^testdb$', testdb.testdb), url(r'^search-form
1.2K60发布于 2018-04-11 - 来自专栏用户7873631的专栏
js逐步教你实现原生古诗匹配系统
第一步html: <form action=" " class="<em>search-form</em>"> <input type="text" class="search" placeholder="诗人名字 body { display: flex; justify-content: center; background-color: rgb(145,182,195); } .<em>search-form</em> body { display: flex; justify-content: center; background-color: rgb(145,182,195); } .<em>search-form</em> background: linear-gradient(to top, #ffffff 0%, #efefef 100%); } </style> </head> <body> <form class="search-form
1.7K40发布于 2020-10-28 - 来自专栏黑豆技术
对搜索表单提交是否为空进行弹出提示
clearfloat" id="search"> <form method="get" action="http://www.zjkweiqi.cn/ search.php" class="<em>search-form</em>
1.9K00发布于 2020-08-19 - 来自专栏葫芦
cssjshtml vue.js 站内搜索
search.vue <template>
<div class="<em>search-form</em>2.4K40发布于 2019-04-17来自专栏【Educoder实训】头歌实践教学平台【Vue.js——关键字搜索】绝美宋词（蓝桥杯真题-2327）【合集】
-- 绑定输入框的输入事件 -->
<input type="text" id="search" class="search" placeholder -- 绑定输入框的输入事件 --><input type="text" id="search" class="search" placeholder box-sizing: inherit; } input { width: 100%; padding: 20px; font-family: "Kaiti", "helvetica neue"; } .search-form .search-form：设置搜索表单的最大宽度和外边距。 input.search：设置输入框的样式，包括边框、宽度、位置、字体大小和阴影等。26000编辑于 2025-02-02来自专栏设计模式django入门：Admin管理系统及表单（干货）
. #}
<form role="search" method="get" id="searchform" action4.3K21发布于 2020-12-15来自专栏影子开源后台系统*mee-admin*
业务前端js采用模块化依赖并封装了表单著录以及增删改查相应功能，十分便捷， 目前对于扩展功能(比如添加一个’重算‘) 需要自定义函数及相应逻辑，具体流程大致如下 在search-form内定义button
82160发布于 2020-10-09来自专栏linux、Python学习浅谈Python Django框架
url(r'^helloWorld$', view.helloWorld), url(r'^database$', database.database), url(r'^search-form url(r'^helloWorld$', view.helloWorld), url(r'^database$', database.database), url(r'^search-form
2.8K20发布于 2019-04-04来自专栏北京马哥教育浅谈Python Django框架
url(r'^helloWorld$', view.helloWorld), url(r'^database$', database.database), url(r'^search-form url(r'^helloWorld$', view.helloWorld), url(r'^database$', database.database), url(r'^search-form
3.1K20发布于 2018-08-17来自专栏Godot游戏开发引擎介绍和入门分享几个实用的HEXO博客功能插件
tipuesearch/tipuesearch_content.json', highlightEveryTerm: true }); $('#search-form 最后，在主题页面模板文件 article-page.ejs 中添加搜索内容显示框（ div ）的 HTML 代码： <% if(item.addSearch) { %> <form id="<em>search-form</em>
5.2K10发布于 2019-01-07来自专栏html5期末大作业基于HTML电商购物项目的设计与实现——html+css+javascript+jquery+bootstarp响应式图书商城
form class="nav-search">
<div class="<em>search-form</em> ;*/ display: flex; justify-content: flex-start; align-content: center; position: relative; } .<em>search-form</em>
1.2K30编辑于 2022-08-16来自专栏系统设计与开发基于python的种子搜索网站（二）开发过程
index.html' 仅仅是展示了首页页面，首页将搜索词交给了search来处理，这一点，我们从index.html关于form的代码中可以看到, 提交给了url 'app:search' <form id="<em>search-form</em>
1.5K31发布于 2019-03-08从0到1搭建Spring Boot 开发脚手架之前端详细目录
-- 查询表单 --> <el-form :model="queryParams" inline class="<em>search-form</em>"> <el-form-item
21610编辑于 2025-10-14来自专栏泽泽社Typecho 无插件实现即时搜索
<form id="<em>search-form</em>1.1K40编辑于 2023-04-17来自专栏JavaWebJavaWeb01-初识HTML与CSS
nav-logout a:hover { text-decoration: underline; } /* 搜索表单区域样式 */ .search-form 1px solid #e9ecef; margin: 20px; border-radius: 5px; } .search-form -- 搜索表单区域 -->
<form action="#" method="get"> <div class13400编辑于 2026-01-20来自专栏学习③Vue3---快速入门
-- 搜索表单区域 --> <form class="<em>search-form</em>"> <label for="name">姓名：</label> <input
2.1K10编辑于 2025-01-17腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059
粤公网安备44030502008569号腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号