--- title: "How to add an icon as a placeholder in the input email box in bootstrap?" description: "How to add an icon as a placeholder in the input email box in bootstrap?" author: "Ashutosh Patel" published: 2024-10-14 updated: 2024-10-14 canonical: https://www.mindstick.com/interview/33970/how-to-add-an-icon-as-a-placeholder-in-the-input-email-box-in-bootstrap category: "html" tags: ["html", "css-css3", "html5"] reading_time: 2 minutes --- # How to add an icon as a placeholder in the input email box in bootstrap? To set an icon as a placeholder in an input box using Bootstrap, you can use the following approach. ```html Email Input with Icon

Set icon in input field

``` ![How to add an icon as a placeholder in the input email box in bootstrap?](https://www.mindstick.com/interviewquestion/cc465394-163a-48db-b41f-a0957a05a857/images/1f80259a-cd98-4401-9bb4-4f4c37f3bf31.jpg) ## Answers ### Answer by Ashutosh Patel To set an icon as a placeholder in an input box using Bootstrap, you can use the following approach. ```html Email Input with Icon

Set icon in input field

``` ![How to add an icon as a placeholder in the input email box in bootstrap?](https://www.mindstick.com/interviewquestion/cc465394-163a-48db-b41f-a0957a05a857/images/1f80259a-cd98-4401-9bb4-4f4c37f3bf31.jpg) --- Original Source: https://www.mindstick.com/interview/33970/how-to-add-an-icon-as-a-placeholder-in-the-input-email-box-in-bootstrap Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.