Questions tagged [search-box]

A search box or search field is a common GUI element used in computer programs

A search box or search field is a common GUI element used in computer programs, such as file managers or web browsers, and on web sites. A search box is usually a single-line text box with the dedicated function of accepting user input to be searched for in a database. Search boxes on web pages are usually used to allow users to enter a query to be submitted to a Web search engine server-side script, where an index database is queried for entries that contain one or more of the user's keywords.

Search boxes are commonly accompanied by a search button (sometimes indicated only by a magnifying glass symbol) to submit the search, although a search button may be omitted as the user may press the enter key to submit the search, or the search may be sent automatically to present the user with real-time results. Common Features

Depending on the particular implementation, a search box may be accompanied by a drop-down list to present the user with past searches or search suggestions. Search boxes may have other features to help the user, such as autocomplete, search suggestions, a spelling checker, etc. Search boxes are often also accompanied by drop-down menus or other input controls to allow the user to restrict the search or choose what type of content to search for.

Common Search bar

Common Search bar

Credit goes to Wikipedia

273 questions
25
votes
6 answers

Single Dropdown with search box in it

I want to add search box to a single select drop down option. Code:
13
votes
1 answer

How to display custom places in Google Maps API search results?

So there is this basic example of a google map with a searchbox: https://developers.google.com/maps/documentation/javascript/examples/places-searchbox I want to accomplish something very simple. I'd like to just hardcode some locations (may be some…
12
votes
1 answer

Autocomplete force pac-container above search box

I am having a hard time figuring out how to do this. I am using google.map.places.Autocomplete and its all working fine, but due to app/screen sizes the pac-container with the returned search listings is behind the devices virtual keyboard - and…
rolinger
  • 2,787
  • 1
  • 31
  • 53
12
votes
1 answer

A search box in Twitter Bootstrap

I have this search box : And the code of the search box is :
11
votes
2 answers

Search button inside the search box like Bing

How can I implement a search button inside the search box, as seen on a site like Bing?
vikmalhotra
  • 9,981
  • 20
  • 97
  • 137
6
votes
1 answer

Image not shown for result suggestions in SearchBox

I'm trying to use the SearchBox control introduced in Windows 8.1, but I can't figure out how to display the image in the result suggestions. The suggestions appear, but the space where the image should be remains blank: Here's my XAML:
Thomas Levesque
  • 286,951
  • 70
  • 623
  • 758
5
votes
2 answers

How to made a searchable drop down

So i made a dropdown using bootstrapp. The code i took here : http://getbootstrap.com/docs/4.0/components/dropdowns/
5
votes
1 answer

Google Places Autocomplete - How to show only country names

I want the users to see only the country names when they type on the search box. Is it possible? I've tried this (doesn't work): var options = { types: [('regions')] }; var searchBox = new google.maps.places.SearchBox(input, options);
5
votes
1 answer

Creating a search box using WPF

I'm trying to create a search box with the controls TextBox and ListBox. When I'm on the TextBox starting to type an event handler GotFocus open the ListBox. I want the ListBox to be closed when the TextBox not on focus. I tried to use the LostFocus…
galbru
  • 422
  • 1
  • 5
  • 15
4
votes
0 answers

structure data not reflecting

I've added structured data to this page: sitelinks search box https://www.indzola.com/ The Google structured data test tool confirms the structured data. But Google search results are not showing the structured…
4
votes
1 answer

How to display a SearchBox in CommandBar

I would like to add a AutoSuggestBox in the CommandBar. However the following code does not make the AutoSuggestBox stretch. I tried setting the HorizontalContentAlignment="Stretch" and HorizontalAlignment="Stretch", but it has no impact. What am I…
resp78
  • 1,414
  • 16
  • 37
4
votes
5 answers

CSS- Changing the width of a search box

I'd been trying to change the width of the search box in name="size" of my HTML template but can't do it even when I tried width:. html:

Soccer Shoes Finder

tadm123
  • 8,294
  • 7
  • 28
  • 44
4
votes
1 answer

How do I limit Google Maps API's Search Box results to a country?

I don't want to use autocomplete, I want to limit search to a country using the Search Box (https://developers.google.com/maps/documentation/javascript/examples/places-searchbox)
WananaBum
  • 57
  • 1
  • 3
4
votes
2 answers

jquery How to get string from the search box

I am studying jquery searching box. I am getting trouble with getting string var from html. in my html file. i have..
3
votes
6 answers

What is the CSS secret of the Google search box?

I am studying the css methods Google uses to create their ui. I realized that the css code on their home page contains no reference to their search box; it seems like just a naked input tag, with not a border, background image or any of the…
picardo
  • 24,530
  • 33
  • 104
  • 151
1
2 3
18 19