`

带背景图片的搜索框的实现

    博客分类：
  • web
搜索框jsp 
阅读更多

<form name="form1" action="" method="post">
        <table align=center cellpadding=0 cellspacing=0 style="width:255px;height:50px;background:url(images/sousuokuang.png);BACKGROUND-REPEAT: no-repeat ">
        <tr>
        <td><input name="kword" id="kword" placeholder="搜索商品" style="width:190px;background-color:transparent;border:0px " type="text" /></td>
        <td align=left width=40px><img src="images/sousuo.png" onclick="return search();"></td>
        </tr>
        </table>
 </form>

  • 大小: 2.1 KB
分享到：
| Hibernate注意事项
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery实现带视差的搜索框页面背景页面代码

    "jQuery实现带视差的搜索框页面背景页面代码"是一个利用jQuery库创建的项目，旨在实现一个带有视差效果的搜索框页面，为用户提供一种视觉上的炫酷效果，适用于网站的首页展示。 首先，jQuery是一个轻量级的...

    JS实现京东首页之页面顶部、Logo和搜索框功能

    昨天我们主要讲了京东首页的基本布局，今天我们主要来逐步实现京东首页的页面顶部、Logo&搜索框。首先我们来看下我们今天将要实现的效果： 下面页面布局详细分析： 1、页面头部分三个部分依次实现：五角星图、收藏...

    苹果iOS10视差背景搜索框代码.zip

    在"苹果iOS10视差背景搜索框代码.zip"这个压缩包中，包含了一个基于jQuery实现的视差背景搜索框页面模板。jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互。利用jQuery...

    CSS和图片做漂亮搜索框

    其次，图片在美化搜索框中的作用主要体现在两个方面：一是作为背景，二是作为按钮。比如`btn_search_bg.jpg`可能就是用于设置搜索按钮的背景图像，通过CSS的`background-image`属性将该图片应用到按钮元素上，再配合...

    idea背景图片插件

    IntelliJ IDEA是一款广受欢迎的Java...总的来说，"idea背景图片插件"是一个旨在提升IntelliJ IDEA用户体验的实用工具，通过简单的操作即可实现编辑器背景的个性化设置，为开发者创造一个更加个性化且舒适的编程环境。

    Android仿iphone的搜索框

    为了模拟iPhone的效果，我们需要定制EditText的样式，例如添加圆角、调整字体大小和颜色，以及设置背景图片等。 2. **浮动动作按钮（Floating Action Button, FAB）**：iPhone的搜索框在聚焦时，右侧会出现一个...

    7组漂亮的纯CSS3搜索框

    例如，第一组设计可能就利用了这一特性，创建了一个带有圆角的简洁搜索框，与传统的方形搜索框相比，更显柔和和友好。 其次，CSS3的渐变功能可以用于创建背景效果，使得搜索框看起来更加立体和生动。第二组设计可能...

    百度搜索框html代码

    在这个搜索框实例中，可能包含一个背景图片或者logo图标，以提升搜索框的视觉效果。 `js`目录包含JavaScript文件，这是实现动态功能的关键。在这个搜索框中，JavaScript可能用于以下功能： 1. 提交事件处理：当...

    Android仿简书搜索框效果的示例代码

    搜索框的背景颜色是通过使用android:background="@drawable/search_white_bg"来实现的，其中search_white_bg是我们定义的背景图片资源。 五、搜索框的padding 搜索框的padding是通过使用android:paddingRight="10...

    移动端H5实现搜索框样式源码

    - **图标整合**：可以使用字体图标库（如Font Awesome）或背景图片，将搜索图标融入输入框。 3. **JavaScript交互**： - **事件监听**：为`&lt;input&gt;`和`&lt;button&gt;`添加`addEventListener`，监听`keyup`、`keydown`...

    百度搜索框源代码程序源码

    本资源"百度搜索框源代码程序源码"提供了一个实现百度搜索框功能的源代码，这对于我们理解搜索引擎前端界面的工作原理、学习网页交互设计以及前端开发技术具有重要的学习价值。 首先，我们要明白的是，这个源代码...

    CSS样式搜索框美化系列

    这些背景图片可能会影响搜索框在页面结构中的呈现方式。 `send-button.png`很可能是一个自定义的提交按钮图像，设计师可能会用它来替代默认的HTML按钮样式，使其更符合整体设计风格。 `tape-1.png`和`contact-...

    CSS 美化几款漂亮的网页搜索框

    - 背景颜色或图片：`background-color`或`background-image`可以改变搜索框的背景，增加纹理或图案。 - 文本颜色：`color`属性调整输入框内文字的颜色。 - 高光效果：使用`box-shadow`添加阴影，使搜索框更具立体...

    仿简书搜索框

    在“仿简书搜索框”中，设计者考虑了简书APP的风格，将搜索框置于一个半透明背景上，这有助于营造一种轻量级、沉浸式的用户体验。半透明背景可以与应用的其他元素无缝融合，同时不会过于突兀，确保用户的视线焦点...

    html5搜索栏3D樱花漫天飞舞背景动画特效

    对于这个特效，CSS3可能被用于定义搜索栏的样式，如边框、阴影、渐变等，同时也可能使用了CSS3的transition和animation属性来实现樱花飘落的平滑过渡和动态效果。此外，CSS3的transform属性可以用来改变樱花在3D空间...

    ios-uisearchbar 自定义搜索框.zip

    这包括改变字体、颜色、背景图片、占位符文本等。你可以通过修改`UISearchBar`的子视图，如`UITextField`和`UIImageView`，或者使用`appearance` API来实现全局样式。 3. **扩展UISearchBarDelegate**：为了实现更...

    仿新浪搜索框

    2. **边框和背景**：使用`border`属性可以添加边框，`background-color`或`background-image`可以定义背景色或图片，从而实现新浪搜索框的外观特征。 3. **内边距和外边距**：`padding`用于控制元素内部空间，`...

    23张黑色系PPT背景图片合集.rar

    5. **资源收集与整理**：这个压缩包的提供，省去了用户逐个搜索和下载的麻烦，集合了多张黑色系背景图片，便于设计师和PPT制作者快速找到适合的素材，提高工作效率。 6. **设计原则**：在使用这些背景图片时，应...

    搜搜首页官网搜索框样式

    4. **images**：这是一个文件夹，很可能包含了项目中使用的图像资源，如搜索框的背景图片、图标等。 5. **js**：这也是一个文件夹，里面可能包含实现搜索框功能的JavaScript代码文件，比如处理用户输入、提交查询...

    UISearchBar搜索栏示例程序

    - 配置搜索栏的外观，例如设置占位符（placeholder）文本、文字颜色、背景图片等。 2. **代理方法**： - UISearchBar遵循`UISearchBarDelegate`协议，我们需要实现协议中的方法来响应用户的搜索操作。如`search...

Magicbox
Global site tag (gtag.js) - Google Analytics