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

10 votes400 views2 answers
How to add lazy loading in html
Html
0 vote345 views1 answer
Html string to int
Html
17 votes340 views5 answers
Innerhtml jquery
Html
2 votes354 views2 answers
Bootstrap modal popup backdrop false
Html
0 vote332 views2 answers
Input change angular event
Html
0 vote321 views1 answer
How to make a search engine in html
Html
0 vote382 views1 answer
Div tag in html
Html
0 vote324 views1 answer
HTML Links - Hyperlinks Example
Html
2 votes332 views1 answer
Django html checkbox if condition chexked
Html
74 votes340 views6 answers
Html button link
Html