论坛首页 Web前端技术论坛

在input 输入框中嵌入链接的效果

浏览 2012 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2016-05-22  
html:
<div class="inputDiv">
  <input type="text"  class="input" id="name">
  <a href="javascript:void(0)" class="add" onclick="add()">
    +
  </a>
</input>
</div>

css:
.input{
  border:0px;
  width:90%;
  outline:none;
}
.inputDiv{
  border:1px solid #ccc;
  width:200px;
}
.add{
  text-decoration:none;
  width:10%;
}
js:
function add(){
  alert("add");
}

效果可参见:http://www.jscssshare.com/#/sample/OGPcMQvT
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics