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

0 vote116 views1 answer
Onclick on radio button
Html
0 vote104 views2 answers
Creastapp
Html
0 vote117 views1 answer
Input datetime without time
Html
1 vote110 views2 answers
How to make a youtube video on a website
Html
5 votes69 views1 answer
Connecting metamask to binance smart chain
Html
11 votes144 views3 answers
Popup modal form bootstrap
Html
0 vote113 views1 answer
Close button on google map jump the page
Html
0 vote117 views1 answer
Python convert html table to text
Html
4 votes224 views1 answer
Target blank rel
Html
8 votes101 views10 answers
Hi
Html