Как я могу реализовать кнопку поиска внутри окна поиска, как показано на сайте, таком как Bing?Кнопка поиска внутри поля поиска, например Bing
8
A
ответ
22
Это выглядит как это внутри, но это не (вы не можете поместить HTML внутрь входа).
2 элемента (вход и кнопка) находятся близко друг к другу с полем 0 и оба имеют одинаковую высоту. Графика кнопки имеет 3px белый запас. Поэтому он создает этот эффект.
Возможным разметка и укладка может быть:
<input type="text" id="q" />
<input type="button" id="b" value="Search" />
#q, #b {
margin: 0
}
#q {
padding: 5px;
font-size: 2em;
line-height: 30px
}
#b {
/* image replacement */
text-indent: -99999px;
width: 30px;
height: 30px;
display: block;
background: gray url(button.png) 0 0 no-repeat;
/* placing next to input using float or absolute positioning omitted ... */
}
3
Смежные вопросы
- 1. изображение кнопка внутри поле поиска?
- 2. Кнопка выравнивания внутри входа поиска
- 3. Как использовать API поиска Bing?
- 4. кнопка поиска на клавиатуре поиска
- 5. Кнопка Поиск в окне поиска
- 6. Фильтр поиска изображений Bing API
- 7. Результаты поиска Bing News Search
- 8. Кнопка поиска контроля ретранслятора
- 9. Кнопка поиска AngularJS
- 10. Кнопка пользовательского поиска WordPress
- 11. Кнопка поиска в C#
- 12. Bing API поиска и Azure для поиска по ключевым словам
- 13. Результаты поиска Bing поиска уменьшаются с увеличением значения web.offset (skip)
- 14. Выровнять значок поиска внутри поля ввода?
- 15. UISearchBar Кнопка поиска
- 16. Кнопка поиска VB.net
- 17. Bootstrap - кнопка ответного поиска
- 18. Кнопка поиска AutoClick (андроид)
- 19. Кнопка поиска не работает
- 20. Кнопка поиска не работает
- 21. Кнопка поиска в DataGridView
- 22. WPF Кнопка Функция поиска
- 23. Функция поиска Кнопка
- 24. Кнопка поиска не работает
- 25. Кнопка поиска с Splinter
- 26. Использование Углового поиска для поиска по почте (например, поиск Google)
- 27. Datepicker внутри окна поиска
- 28. Значок поиска поля поиска исчезает в sencha
- 29. Кнопка поиска и поиска в Android в строке действий
- 30. Ошибка URL-кодирования при использовании поиска Bing
как в сторону: Вы можете поставить кнопку на верхней части панели поиска, используя относительное или абсолютное позиционирование. – chacham15