Question

我想在文本框中有3个可点击的图标有人可以用这个支持我吗

我发现这个代码只有一个可点击的图标我尝试了更多图标，但没有工作

＆＃13;

#form1 div {
  position: relative;
  width: 400px;
  padding: 5px;
  border: 1px solid #000;
  overflow: hidden
}

#form1 label {
  float: left;
  text-align: right;
  width: 80px;
  padding: 0 20px;
}

#form1 input {
  width: 200px;
  padding: 5px 40px 5px 5px;
  float: left;
}

#form1 a {
  float: left;
  margin: 2px 0 0 -32px;
  text-decoration: none;
  width: 30px;
  height: 25px;
  background: transparant;
  position: relative;
  z-index: 99;
}

＆＃13;

<form id="form1" method="post" action="">
  <div>
    <label for="text">Enter text:</label>
    <input type="text" name="text" id="text" />
    <a href="http://www.pmob.co.uk"><img src="/user/icos/6.gif" border="none">
    </a>
  </div>
</form>

＆＃13;

Answer 1

这个怎么样???

sample screenshot

 <form id="form1" method="post" action="">
  <div>
    <label for="text">Enter text:</label>
    <input type="text" name="text" id="text" />
    <a href="http://www.url.com"><img src="/folder/img/name.png" height="20" width="20">
    </a>
  </div>
  <input type="submit" value="submit"/>
  </form>

你可以从这里扩展，看看图片....如果那就是你想要的

文本框中的3个可点击图标

1 个答案: