how to replace image (icon) insted of input type file with same action in text area

81
July 22, 2017, at 09:55 AM

Hi this is madhu i am new in web design. I want to build a comment system for my web site, I have some issues with text area how to replace the image (icon) instead of input type file with the same action in the textarea

How can I implement the same? please help

HTML

 <div class="upload">
    <div class="image-upload">
   <textarea name="" id="txt" cols="20" rows="5"></textarea>
  <label for="file-input">
     <img src="">
   </label>
  <input id="file-input" type="file"/>
 </div>
 </div >

CSS

.upload{
display:inline-block;
position:relative;
}
input{
position:absolute;
bottom:10px;
right:2px;
}
textarea{
display:block;
width:500px;
}
.image-upload > input
{
display: none;
}
.image-upload img
{
width: 40px;
cursor: pointer;
}

I was tried many times but not working please anyone help me Thanks in advance

READ ALSO
Reloading a single div in an html page [on hold]

Reloading a single div in an html page [on hold]

I have a div on the left side of my page containing a navHowever, when the user clicks a link it only changes content on the right side of my page

70
Why can&#39;t I stop my Angular Material Web-app from scrolling

Why can't I stop my Angular Material Web-app from scrolling

I'm making a one-page web-app with Angular Material and I can't stop it scrollingThe following css has no effect:

94
Can I specify percentages in keyframes?

Can I specify percentages in keyframes?

For example, I'd like to specify 100%

80