Apply blue frame and icon inside of input box

Apply blue frame and icon inside of input box

I would like to apply this source code inside of a input(http://www.w3schools.com/tags/tag_input.asp) when you have a input data.

When you press the a submit button the data will be transfer to the backend and I dont want the html code to be entered inside of the backend, only the input data for instance "candy".

The functionality is existing at Stackoverflows webpage and I have uploadad a picture to understand it clearly.

My question is:

How should I create it in order to make the input data to have a blueliggt frame and icon and then you can send the input data (not the html code) to the backend?

I really need some help.

Beside, I would like the new solution to be working in IE, FF and Chrome.

Thanks!

https://jsfiddle.net/gbbjzp2r/2/