title: Image on a textarea - JS/CSS
body: <p>I want to draw a form where there will be some textarea, on the textarea there will be a little image [the image's size will be smaller than the size of the textarea], and clicking on the image will call a function fx()
  Can anyone code this for me in JavaScript/jquery/CSS ?</p>
  
  <p><img src="https://i.stack.imgur.com/C1vi3.jpg" alt="Sample Image"></p>
  
  <p>In this image the GO is an image, clicking on it will call Fx()</p>
  
  <p>i tried with it and failed (and dont know how to attach a function on the image)</p>
  
  <pre><code>.searchform {
  display: inline-block;
  padding: 3px 5px;
  }
  .searchform input {
  font: normal 12px/100% Arial, Helvetica, sans-serif;
  }
  .searchform .searchfield {
  background: #fff;
  padding: 6px 6px 6px 8px;
  width: 202px;
  border: solid 1px #bcbbbb;
  outline: none;
  }
  .searchform .searchbutton {
  color: #fff;
  border: solid 1px #494949;
  font-size: 11px;
  height: 27px;
  width: 27px;
  }
  
  
  &lt;form class="searchform"&gt;
  &lt;input id="t" class="searchfield" value="Search..." type="text"&gt;
  &lt;input class="searchbutton" value="Go" type="button"&gt;
  &lt;/form&gt;
  </code></pre>