Html input with icon right

<div class="input-icon-wrap">
  <span class="input-icon">
    <span class="fa fa-user"></span>
      
    </span>
  <input type="text" class="input-with-icon" id="form-name">
</div>  	


// css
.input-icon-wrap {
  border: 1px solid #ddd;    
  display: flex;
  flex-direction: row;
}

.input-icon {
  background: #ddd;
}

.input-with-icon {
  border: none;
  flex: 1;
}

.input-icon, .input-with-icon {
  padding: 10px;
}

Source: codepen.io

Similar codes

1 vote158 views1 answer
Function to do when the html done loading
Html
0 vote162 views1 answer
How to add h1 tag in evey line of textarea in css
Html
0 vote183 views1 answer
Html mobile app template
Html
3 votes188 views2 answers
Html email regex
Html
255 votes440 views8 answers
Bootstrap 4 cdn
Html
9 votes169 views2 answers
Get svg code from uploaded svg file
Html
0 vote148 views1 answer
Include html file in html file
Html
0 vote152 views1 answer
How to make a html link execute a javascript function
Html
0 vote152 views1 answer
What is cold crypto wallet
Html
0 vote149 views1 answer
Progress bar bootstrap 5
Html