onclick удалить, HTML

Question

Я работаю с webapp-net для создания приложения для iOS / android.в моем приложении у меня есть форма с некоторыми текстовыми полями.Я хочу иметь значок «X», который обычно появляется в текстовых полях при вводе.щелкнув по этому значку, вы можете удалить весь ввод одним нажатием.Значок «X» появляется только при вводе, когда текстовое поле пусто, значок не виден.Если бы вы могли дать мне пример того, как это сделать, я был бы очень признателен.

Answer 1

этот простой HTML показывает, как иметь поле ввода и кнопку X, которая при нажатии вызывает чистую функцию

<input type="text" onkeypress="show();" id="text" /><div id="close" onclick="clean();" style="display:none">x</div>

Теперь JavaScript

<script type="text/javascript">
   function show(){
      document.getElementById('close').style.display = ''; //shows the X button when text is entered;
   }

   function clean(){
      document.getElementById('close').style.display = 'none'; //hides the X button
      document.getElementById('text').value = ""; //clears the field
   }
</script>

Конечно, здесь не хватает проверок, например, какой тип клавиши нажимается, чтобы не показывать кнопку X при нажатии клавиши SHIFT или CTRL