<form> <input type="search" placeholder="Search"> </form> 怎么在这个搜索框里再加个按钮 20

 我来答

1个回答

#热议# 生活中有哪些实用的心理学知识？

老丨农夫
2016-06-16 · TA获得超过406个赞

知道小有建树答主

回答量：208

采纳率：89%

帮助的人：24.1万

我也去答题访问个人页

关注

展开全部

能否有效果图发送？

如果是一定要在input输入框中显示一个按钮图标，那么建议使用position定位，把<input type="button"定位到输入框中

如果只是需要一个点击效果，可以参考一下代码：

<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style type="text/css">
	.search { position:relative; width: 462px; }
	.search .searchText { border: 1px solid #ddd; width: 346px; line-height: 32px; height: 32px; padding: 0 5px; color: #333; }
	.search .searchButton { position:absolute; right:50px; background: url(../images/sliced.gif) -251px 0 no-repeat; width: 80px; height: 32px; text-indent: -9999px; border:none; }

  </style>
 </head>
 <body>
<div class="search fl">
<form action="#">
<input class="searchText" type="text" value="请输入搜索关键字" onfocus="if(this.value=='请输入搜索关键字')this.value=''" onblur="if(this.value=='')this.value='请输入搜索关键字'"/>
<input class="searchButton" type="button" value="搜索" />
</form>
<div class="clear"></div>
</div>
 
 </body>
</html>

希望能帮到你