Как очистить текстовое поле в фокусе текстового поля

Я хочу очистить текстовое поле, когда пользователь нажимает на это

Для этого вам нужно будет использовать язык сценариев, возможно, javascript. Вот пример

  

Надеюсь это поможет.

Редактировать:

Чтобы встретить то, что Дэвид объясняет здесь, это второй пример, если вы ищете то, что ищете

   

Если вы не делаете что-то конкретное, где хотите только очистить onclick, я бы предложил (как другие отметили) использовать действия onfocus. Таким образом, если кто-то использует вкладку для навигации, он также очистит текст по умолчанию.

Вы также можете использовать onblur, чтобы проверить, нет ли пустого, чтобы вернуть его:

   

Использование библиотеки jQuery:

  $('#clearme').focus(function() { $(this).val(''); }); 

Вы можете использовать .

Таким образом, поле будет очищено, когда оно получит фокус. Однако, если вы хотите очистить его только тогда, когда пользователь нажимает на него (т. onfocus Не тогда, когда поле получает фокус с клавиатуры, например), затем используйте onclick вместо onfocus .

Однако, как указал Дэвид Дорвард в комментарии, такое поведение не может ожидать от пользователя. Поэтому будьте осторожны, чтобы установить эту функцию в действительно определенных полях (например, в поле поиска).

Или вы можете просто использовать атрибут placeholder Например:

Вот как я использую его для преобразователя температуры / калькулятора – когда пользователь вводит (keyup), поле ввода текста вычисляет с помощью назначенной функции; когда пользователь выбирает другой текстовый ввод (имеется только два входа), выбранный текстовый ввод будет очищен.

HTML:

 

Input:


Result:

JavaScript:

 function Conversion() { var tempCels = parseFloat(document.getElementById('celsius').value); tempFarh =(tempCels)*(1.8)+(32); document.getElementById('fahrenheit').value= tempFarh; } function Conversion2() { var tempFarh = parseFloat(document.getElementById('fahrenheit').value); tempCels =(tempFarh - 32)/(1.8); document.getElementById('celsius').value= tempCels; } 

попробуйте, это сработало для меня

добавьте это в свой тег ввода

  onfocus="this.value='';" 

например, если ваш код

   

используйте его так

  
 function Clear (x) {if (x.cleared) {} else {x.value = ""; x.cleared = true}} onfocus = "Clear (this)" 

Добавьте следующий скрипт в файл js:

 var input1 = document.getElementById("input1") input1.onfocus = function() { if(input1.value == "Enter Postcode or Area") { input1.value = ""; } }; input1.onblur = function() { if(input1.value == "") { input1.value = "Enter Postcode or Area"; } };