博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
搜索框
阅读量:5034 次
发布时间:2019-06-12

本文共 656 字,大约阅读时间需要 2 分钟。

<style>

.anav-r input{

float: left;
width: 220px;
height: 34px;
line-height: 34px;
font-size: 14px;
outline: none;
text-indent: 10px;
border:none;
color: #a0a0a0;
margin-left: 3px;
margin-top: 3px;
}
.anav-r button{
float: right;
width: 30px;
height: 30px;
background:#01afec;
background: url("../img/sousuo.png");
margin-top: 5px;
margin-right: 3px;
border: none;
}

</style>

 

<form action="">

<input type="text" value="搜索查询" id="seachkeywords" οnfοcus="if(this.value=='搜索查询'){this.value=''}" οnblur="if(this.value=='')this.value='搜索查询'"><!--鼠标点击的时候搜索查询四个字消失,鼠标移开,显示出来-->

<button></button>

</form>

转载于:https://www.cnblogs.com/hellojavascript/p/10280594.html

你可能感兴趣的文章
机器学习系列-tensorflow-01-急切执行API
查看>>
SqlServer 遍历修改字段长度
查看>>
Eclipse快捷键:同时显示两个一模一样的代码窗口
查看>>
《架构之美》阅读笔记05
查看>>
《大道至简》读后感——论沟通的重要性
查看>>
JDBC基础篇(MYSQL)——使用statement执行DQL语句(select)
查看>>
Find Minimum in Rotated Sorted Array问题的困惑
查看>>
WIN10下的Docker安装
查看>>
使用sysbench来测试MySQL性能的详细教程
查看>>
Python学习之路——三元运算符推导式
查看>>
ubuntu下安装go语言;sublime+gocode搭建;go的卸载和环境变量配个人.bashrc
查看>>
Java--final关键字
查看>>
《软件构架实践》读后感01
查看>>
::在C++中是什么意思
查看>>
JavaScript传递变量:值传递?引用传递?
查看>>
SQL SERVER 2008递归
查看>>
备份一个省市区JSON数据
查看>>
使用sklearn做特征工程
查看>>
element在el-table-column中使用过滤器
查看>>
ECCV 2018 | 旷视科技提出统一感知解析网络UPerNet,优化场景理解
查看>>