Nie pojawia się symbol zastępczy textarea HTML5

Nie mogę dowiedzieć się, co jest nie tak z moimi znacznikami, ale symbol zastępczy dla obszaru tekstowego nie pojawi się. Wydaje się, że może być zakryte pustymi spacjami i kartami. Gdy skupisz się na obszarze tekstowym i usuniesz z miejsca, w którym znajduje się kursor, a następnie opuścisz obszar tekstowy, pojawi się odpowiedni element zastępczy.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
    <head>
    </head>

    <body>

    <form action="message.php" method="post" id="message_form">
        <fieldset>

            <input type="email" name="email" id="email" title="Email address"
                maxlength="40"
                placeholder="Email Address" 
                autocomplete="off" required />
            <br />
            <input type="text" 
                name="subject" 
                id="subject" title="Subject"
                maxlength="60" placeholder="Subject" autocomplete="off" required />
            <br />
            <textarea name="message" 
                id="message" 
                title="Message" 
                cols="30" 
                rows="5" 
                maxlength="100" 
                placeholder="Message" required>
            </textarea>
            <br />
            <input type="submit" value="Send" id="submit"/>

        </fieldset>
    </form>
</body>

<script>

$(document).ready(function() {        
    $('#message_form').html5form({
        allBrowsers : true,
        responseDiv : '#response',
        messages: 'en',
        messages: 'es',
        method : 'GET',
        colorOn :'#d2d2d2',
        colorOff :'#000'
    }
);
});

</script>

</html>
Author: thejartender, 2012-04-17
Source

7 answers

Ten zawsze był dla mnie i wielu innych gotcha. W skrócie, znaczniki otwierające i zamykające element <textarea> muszą znajdować się w tej samej linii, w przeciwnym razie zajmuje ją znak nowej linii. W związku z tym Symbol zastępczy nie będzie wyświetlany, ponieważ obszar wejściowy zawiera zawartość (znak nowej linii jest technicznie poprawną zawartością).

Dobry: 

<textarea></textarea>

Zły: 

<textarea>
</textarea>
 491
Author: Aquarelle,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-06-07 14:53:53

Usuń wszystkie spacje i podziały linii pomiędzy znacznikami <textarea> otwierającymi i zamykającymi </textarea>. 

<textarea placeholder="YOUR TEXT"></textarea>  ///Correct one

<textarea placeholder="YOUR TEXT"> </textarea>  ///Bad one It's treats as a value so browser won't display the Placeholder value

<textarea placeholder="YOUR TEXT"> 
</textarea>  ///Bad one
 28
Author: Mahendra Jella,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-03-25 09:54:01

To dlatego, że gdzieś jest przestrzeń. Używałem jsfiddle i było spacja po tagu. Po usunięciu spacji zaczęło działać

 9
Author: matthew,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-07-05 21:44:25

Cóż, technicznie nie musi być w tej samej linii, o ile nie ma znaku między końcówką " > "ze znacznika start i początkową" ...></textarea> Jak w przykładzie poniżej: 

<p><label>Comments:<br>
       <textarea id = "comments" rows = "4" cols = "36" 
            placeholder = "Enter comments here"
            class = "valid"></textarea>
    </label>
</p>
 4
Author: Conny P,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-06-12 21:40:17

Użyj <textarea></textarea> zamiast pozostawiania spacji między znacznikami otwarcia i zamknięcia jako <textarea> </textarea>

 2
Author: Yet,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-05-27 14:52:08

Pomiędzy znacznikiem otwarcia i zamknięcia w naszym przypadku znacznikiem textarea nie powinien być spacja lub znak nowej linii lub dowolny tekst(wartość).

Jeśli jest spacja, znak nowej linii lub dowolny tekst, jest on uważany za wartość, która nadpisuje symbol zastępczy.

    **PlaceHolder Appears**
    <textarea placeholder="Am Default Message"></textarea>

    **PlaceHolder Doesn't Appear**

    <textarea placeholder="Am Default Message">  </textarea>
   <textarea placeholder="Am Default Message"> 
   </textarea>
   <textarea placeholder="Am Default Message">Something</textarea>
 0
Author: Yergalem,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-09-25 13:38:40

Miałem ten sam problem, tylko używając pliku .pug (podobnego do .jade). Zdałem sobie sprawę, że jest to również kwestia przestrzeni , po zakończeniu moich nawiasów końcowych. W moim przykładzie musisz podświetlić tekst po (placeholder="YOUR MESSAGE"), aby zobaczyć:

Przed: 

form.form-horizontal(method='POST')
  .form-group
    textarea.form-control(placeholder="YOUR MESSAGE") 
  .form-group  
    button.btn.btn-primary(type='submit') SUBMIT

Po: 

form.form-horizontal(method='POST')
  .form-group
    textarea.form-control(placeholder="YOUR MESSAGE")
  .form-group  
    button.btn.btn-primary(type='submit') SUBMIT
 0
Author: maudulus,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-11-18 14:43:14