Add Icon to Placeholder Text in Search Form

If you’re using FontAwesome, you can display an icon in the placeholder text like this :

HTML

<input placeholder="&#xf0e0;" class="fontAwesome">

CSS

.fontAwesome{ font-family: 'Helvetica', FontAwesome, sans-serif; }

Related Posts:

  1. How to search for (partial match) display names of WordPress users?
  2. How can i move search results onto a specific page?
  3. Unified search across separate WordPress installations
  4. How to insert a span inside a search form?
  5. Extending search query with additional $sentence value
  6. Search only blog posts (default WP search widget)
  7. Exclude pages from WordPress search result page
  8. Disable Redirect to Product Page on Search Results Page in WooCommerce [closed]
  9. Combining Meta_Query key values for one array
  10. Search: Only One Result Returned
  11. How to redirect search result page to post
  12. Custom Permalinks Break Search Pagination
  13. Include Author profile in search results
  14. Adding arg to search results page
  15. search only pages if on page
  16. Which template holds what to display when search returns nothing
  17. I’m trying to expand the scope of the default WP search algorithm. What am I doing wrong?
  18. How to return HTTP 404 when no search results found?
  19. Change query variable for wordpress search
  20. Search Results: Differentiate posts and pages
  21. How does WordPress know if a URL doesn’t exist?
  22. Highlight Search Results in Function.php
  23. How to make a search form?
  24. Using ElasticSearch on WordPress
  25. How to restrict wordpress search to pages and disable products listing search?
  26. WordPress does not find author pages in search
  27. Search Everything & WP 3.7 update issues [closed]
  28. Creating a Search Array From Multiple Tables
  29. Installing Solr for dedicated search
  30. custom wp_dropdown_categories items in wordpress
  31. How do I make search only search in post content?
  32. How can i preserve wordpress database encoding after using wp-cli search-replace with –export flag?
  33. Search bar in table in wordpress
  34. How to sort by columns within a search result without displaying all rows again after sorting
  35. How to add re-captcha to wordpress search?
  36. Empty search results return soft 404
  37. Where should I start looking if I want to implement my own custom search?
  38. searchform.php :: pass second query string variable with same value as ?s=
  39. Limit search to custom field
  40. Knowledge base high performance Live Search
  41. How to have search results page sorted by post date
  42. How to combine two get_users() array?
  43. Search Results Page outputs HTML code
  44. Custom Query Content Filtering
  45. Search buddypress groups with querystring in url
  46. Make search result display 1 Company or 2 Companies
  47. Displaying number of search results for each post type
  48. Search not working. Appending a “
  49. Search posts by Tag
  50. Search returns everything if search term has a space
  51. BuddyPress – Search members by name and also by username
  52. Include results with tags relevant to the search keyword with JSON rest API v2
  53. Search function does not work on mobile devices
  54. Changing the ORDER BY in WordPress default search function
  55. Show search count by post type
  56. How Can I Make Dynamic Search Form While Converting Html To WordPress?
  57. Get the search element only on 404
  58. Specific website content
  59. Second page (and next) of search results redirects me to the home page
  60. search results to a variable in search.php
  61. Checkboxed term search
  62. Load search results into a div
  63. Search using ACF repeater
  64. Search in posts’ attachments: title, caption, description
  65. How to track searches using the REST API?
  66. Exclude certain Gutenberg blocks from search results
  67. How to order search results so a specific page appears first when user searches for a particular word?
  68. make link to search page
  69. Search results thumbnails different size
  70. Form for search pages by meta datas
  71. searchform.php not included by get_search_form when using wp_dropdown_categories
  72. Modify wordpress search to search only pages and load matched page not search results
  73. WordPress User Search Based on Latitude and Longitude
  74. Remove gray header on Search Result page on WordPress
  75. How do i get The dropdown to have the value of the sub cat and custom fields
  76. Why are archived pages showing up in searches and able to be accessed?
  77. Enable query based wordpress search ?s=
  78. Partial searches for wp_usermeta
  79. Search terms in other language turns out to question mark and symbols
  80. Adding thumbnail to search results & changing content.php
  81. Create a custom and powerful search form
  82. How to search for categories instead of products in Woocommerce?
  83. Search results show only content by admin post authors
  84. Buddypress Activity search with OR query instead of AND
  85. WordPress search not able to find text in url
  86. How to exclude one post format from search result?
  87. Help with WordPress search
  88. Custom Search Form WP_Meta_Query – Filtering Custom Fields
  89. Search not displaying results
  90. Relevanssi show only 1 result
  91. I need a custom search page to lead to search.php but it goes to index.php
  92. How To Change Url Doing Some Changes in Search Form
  93. Adding search box for admin on custom admin page
  94. Different search results with WordPress and Relevanssi
  95. Return excerpt on Search
  96. Search results truncated
  97. “feed” added at the end of my URLs
  98. Disable – Post search field – for non-admin roles in WP dashboard
  99. Search results heading and counter not working – Oxygen Builder
  100. Blocking spambots from Search form