Hello guys,
I do not know if this belongs in CSS or HTML. I would think HTML or even JS.

But I was wondering how does one make one of those x clear buttons on the right and inside an input-field? Is it an attribute ofthe input tag or is it a -webkit attribute that can only be seen in webkit browsers.

I think a good example of what I am trying to accomplish is after one types something into :Google:'s input search field bar

I swear it was there at one point, but now I can not find it.

It is still in Apple's search bar in the menu bar. If you start typing there, the white x in a grey circle appears to the right and inside of the input field and when it is clicked the field is reset or cleared.

Any ideas on how to do this?

Regards,
Team 1504