Come posso implementare un pulsante di ricerca all'interno della casella di ricerca, come visto su un sito come Bing?Pulsante di ricerca all'interno della casella di ricerca come Bing
8
A
risposta
22
sembra proprio come se fosse dentro, ma non è (non si può mettere html all'interno di un ingresso).
I 2 elementi (un input e un pulsante) sono vicini insieme al margine 0 ed entrambi hanno la stessa altezza. L'immagine del pulsante ha un margine bianco di 3 pixel. Quindi crea questo effetto.
Una possibile markup e lo stile possono essere:
<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
+3
Il link è morto. –
+2
Ho corretto il collegamento! –
Problemi correlati
- 1. Ricerca personalizzata Google con casella di ricerca personalizzata e pulsante?
- 2. icona di ricerca all'interno casella di ricerca
- 3. Ricerca casella combinata come Ricerca Google
- 4. Utilizzo della casella di ricerca di Google Places. Come avviare una ricerca facendo clic su un pulsante?
- 5. Rimuovi la ricerca automatica dalla casella di testo e cerca sul pulsante di ricerca
- 6. Bing ricerca di immagini di paging - scroll infinito
- 7. Una casella di ricerca in Twitter Bootstrap
- 8. casella di ricerca Google map
- 9. Casella di ricerca sitelink Google con ricerca personalizzata Google
- 10. come ascoltare il pulsante di ricerca della tastiera in searchView
- 11. jQuery - mostra/nascondi casella di ricerca
- 12. Abilita pulsante di ricerca quando la stringa di ricerca è vuota nella barra di ricerca predefinita
- 13. UISearchController Casella di ricerca Shift Down Tap
- 14. Modifica elemento DOM Posizione della casella di ricerca nei datatables
- 15. API Bing per la ricerca di città vicine
- 16. Completamento automatico della ricerca posizione che si integra con il geocoding di bing/google
- 17. Pulsante di ricerca tastiera UISearchbar Azione
- 18. casella di ricerca in Symfony2 con Solr
- 19. Utilizzo di Angular per la casella di ricerca (come la ricerca Google)
- 20. Selenium IDE-Automazione Select2 Casella di ricerca
- 21. Come modificare la larghezza/altezza di una casella di ricerca
- 22. Casella di testo in linea di avvio e pulsante di ricerca
- 23. Come ottenere il numero di risultati di ricerca dall'API di Bing
- 24. come aggiungere una casella di ricerca personalizzata nell'amministratore di django
- 25. caricamento html: localizza pulsante di ricerca
- 26. Complessità della ricerca di Lucene
- 27. Rileva il tasto di ricerca della tastiera
- 28. UISearchDisplayController - come visualizzare i risultati della ricerca con solo il pulsante di ambito selezionato ma vuota stringa di ricerca
- 29. Come gestire sia i risultati della Casella di ricerca rapida che i suggerimenti recenti per la ricerca?
- 30. Come gestire il pulsante di ricerca dell'hardware Android?
Per inciso: si può mettere un pulsante sulla parte superiore di una barra di ricerca utilizzando il posizionamento relativo o assoluto. – chacham15