PDA

View Full Version : fa fa-search چطوری این رو ببرم توی کادر تکس؟



emperatorphp
دوشنبه 10 فروردین 1394, 17:47 عصر
بسم الله الرحمن الرحیم
سلام
علامت زربین در تکست باکس
fa fa-search چطوری این رو ببرم توی کادر تکس؟

<div class="templatemo_form"> <i class="fa fa-search"></i> <a href="#"></a><br>
<input name="fullname" type="text" class="form-control" id="fullname" placeholder="متن جست و جو" maxlength="40">
</div>

Pedram77
دوشنبه 10 فروردین 1394, 18:05 عصر
اینرنتو زیر رو رو کردم فقط اینو پیدا کردم با glyphicon پیدا نکردم.

<div id="form-master">
<form method="post">
<div id="search-box">
<input type="text" name="search" />
</div>

<div id="search-button">
<input type="submit" name="run" />
</div>
</form>
</div>

کد CSS:


#form-master {
position: relative;
width: 200px;
height: 30px;
}

#search-box {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 190px;
height: 20px;
padding: 5px;
}

#search-button {
position: absolute;
top: 5px;
right: 5px;
z-index: 5;
border: none;
width: 25px;
height: 25px;
background: url('magnifier.png') top no-repeat;
}

emperatorphp
دوشنبه 10 فروردین 1394, 18:22 عصر
مرسی
پدرام گمونم نمیشه همون باید دگمه بذارم نه؟

Pedram77
دوشنبه 10 فروردین 1394, 18:32 عصر
مرسی
پدرام گمونم نمیشه همون باید دگمه بذارم نه؟

آره دکمه بهترین راهه!

Pedram77
دوشنبه 10 فروردین 1394, 18:37 عصر
آقا یافتم!!
یه راه حلی به ذهنم رسید ببین عملیه؟یه Span درست کن هم اندازه height اون textbox ــت که توش glyphicon ذره بینو میذاری بعد بچسپونش به تکست باکس اگه نفهمیدی بگو واست بنویسم :متفکر:(رنگاشون یکی باشه)

j_naroogha@yahoo.com
سه شنبه 11 فروردین 1394, 11:44 صبح
اگه bootstrap بلدی میشه باهاش به راحتی انجام داد.