HTML як очистити вхід за допомогою javascript?

У мене є цей INPUT, він буде очищений кожного разу, коли ми натискаємо його всередину.

Проблема: Я хочу очистити лише значення = [email protected]

<script type="text/javascript">
    function clearThis(target) {
        target.value= "";
    }
</script>
<input type="text" name="email" value="[email protected]" size="30" onfocus="clearThis(this)">

Чи може хтось допомогти мені зробити це? Я не знаю, як порівняти, я вже пробував, але не мав успіху.

7
Ви шукаєте атрибут placeholder .
додано Автор SLaks, джерело
IE8 не підтримує властивості атрибута placeholder
додано Автор Vikram, джерело

7 Відповіді

<script type="text/javascript">
    function clearThis(target){
        if(target.value=='[email protected]'){
        target.value= "";}
    }
    </script>

Це насправді те, що шукаєш?

19
додано

you can use attribute placeholder

<input type="text" name="email" placeholder="[email protected]" size="30" />

або спробуйте це для старих браузерів

<input type="text" name="email" value="[email protected]" size="30" onblur="if(this.value==''){this.value='[email protected]';}" onfocus="if(this.value=='[email protected]'){this.value='';}">
2
додано
А як щодо IE 9 і старше?
додано Автор Ian, джерело

Ви можете використовувати заповнювач, оскільки це робить це для вас, але для старих веб-переглядачів, які не підтримують заповнювач, спробуйте це:

<script>
function clearThis(target) {
    if (target.value == "[email protected]") {
        target.value = "";
    }
}
function replace(target) {
    if (target.value == "" || target.value == null) {
        target.value == "[email protected]";
    }
}
</script>
<input type="text" name="email" value="[email protected]" size="x" onfocus="clearThis(this)" onblur="replace(this)" />

ПОВТОРЮЄТЬСЯ КОД: Коли текстове поле має фокус, зніміть значення. Якщо текстова скринька не фокусується І, коли поле є порожнім, замініть значення.

Я сподіваюсь, що працює, у мене те саме питання, але потім я спробував це, і це працювало для мене.

2
додано

замість очищення тексту імені використовуйте атрибут заповнювач , це хороша практика

<input type="text" placeholder="name"  name="name">
1
додано

Вам не потрібно турбувати це. Просто пишіть

<input type="text" name="email" placeholder="[email protected]" size="30">

замінити значення за допомогою заповнювача

1
додано
<script type="text/javascript">
    function clearThis(target){
        if (target.value === "[email protected]") {
            target.value= "";
        }
    }
    </script>
<input type="text" name="email" value="[email protected]" size="30" onfocus="clearThis(this)">

Try it out here: http://jsfiddle.net/2K3Vp/

0
додано

Спробуйте це :

<script type="text/javascript">
function clearThis(target){
    if(target.value == "[email protected]")
    {
        target.value= "";
    }
}
</script>
0
додано
ІТ КПІ - JavaScript
ІТ КПІ - JavaScript
504 учасників

співтовариство javascript розробників в Telegram