Exibindo um botão “Limpar” (botão delete) em uma caixa de texto webapp iPhone

Question

Estou criando um webapp iPhone com uma caixa de texto. Eu gostaria que caixa de texto para exibir um botão "Limpar" no lado direito da caixa ... ou o botão cinza redonda com o X na mesma.

É possível definir um css ou html propriedade para que alças safari isso, ou eu preciso para desenvolver essa habilidade sozinho usando uma imagem e algum código.

Eu sei que você pode definir a propriedade botão Limpar de um UITextBox para um aplicativo nativo, mas este é um webapp que estou criando.

Answer 1

Um campo de entrada do tipo "search" trará uma caixa de texto arredondado com um botão claro marcado "X". Isso é o mais próximo que eu encontrei sem o uso de javascript.

<input xmlns="http://www.w3.org/1999/xhtml" type="search" value="search me" />