Дефолтный текст в инпуте

vikusik · June 10, 2011

Из этой темы увидела кроссбраузерное решение:

Кроссбраузерное решение с поддержкой старых браузеров:

Если нужна поддержка старых браузеров, то наилучшим выходом будет задействовать JavaScript, используя DOM-свойство элемента <input> defaultValue.


<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>placeholder</title>

    <script type="text/javascript">
        function setClear(elem) {
            if (elem.value == elem.defaultValue) {
                elem.value = '';
            } 
        }

        function setDefault(elem) {
            if (!elem.value) {
                elem.value = elem.defaultValue;
            } 
        }
    </script>
</head>
<body>

    <form action="" method="post">
        <fieldset>
            <input type="text" value="Default value" onfocus="setClear(this);" onblur="sedDefault(this);" />
        </fieldset>
    </form>

</body>
</html>

А если сделать вот так?


<form action="#">
<fieldset>
    <input type="text" value="Default value" onblur="if(this.value=='') this.value='Default value';" onfocus="if(this.value=='Default value') this.value='';" />
</fieldset>

Плохо ли чем-то это решение?

Int · June 10, 2011

И так сработает.

Sign In

Дефолтный текст в инпуте

Question

vikusik

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Int

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information