Add a search button or icon in the input box

premise: on the PC side, add a search button in the input box. Is there an easy way?
is something like this:

it is better to write in bootstrap, not easy-ui.

Mar.20,2021

The idea of

is to add an I tag and place the icon to the right of input

<li class="formSearch-group date-group">                      
    <input type="text" class="form-control dateinput"  id="inpend" readonly style="background:-sharpfff" name="udn">
    <i  class="fa fa-calendar" aria-hidden="true"></i>
</li>
.date-group{
    position: relative;
}
.date-group>i{
    position: absolute;
    right:10px;
    top:10px;
}

clipboard.png


< H1 > laxative < / H1 >

original understanding? Directly give the parent label of input a pseudo class
and then locate it, and then write a padding, to the right of the input to free up the location of the pseudo class
of course, if you need to click on it, you can also get a tag to locate the past
by the way, when your foundation is not very solid, it is better to use less UI framework

.

method 1:
div wraps input, icon
div relative positioning, remove border to 1px frame
input, absolute positioning, left:0
icon absolute positioning, right:0

method 2:
use a third-party UI framework

Menu