222 votes

L'espace réservé du textarea HTML5 n'apparaît pas

Je n'arrive pas à comprendre ce qui ne va pas dans mon balisage, mais l'espace réservé à la zone de texte n'apparaît pas. Il semble qu'il soit recouvert d'espaces vides et de tabulations. Lorsque vous vous concentrez sur la zone de texte et que vous supprimez à partir de l'endroit où le curseur se place, puis que vous quittez la zone de texte, l'espace réservé approprié apparaît alors.

<!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>

2voto

Yet Points 84

Utiliser <textarea></textarea> au lieu de laisser un espace entre les balises d'ouverture et de fermeture comme <textarea> </textarea>

0voto

Yergalem Points 491

Entre la balise d'ouverture et de fermeture, dans notre cas, la balise textarea ne devrait pas être espace o caractère de nouvelle ligne ou tout texte (valeur).

S'il y a un espace, un caractère de nouvelle ligne ou tout autre texte, il est considéré comme une valeur qui remplace le caractère de remplacement.

    **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>

0voto

maudulus Points 274

J'ai eu le même problème, mais en utilisant un .pug (similaire à .jade ). J'ai réalisé que c'était aussi un question de place qui suit la fin de ma parenthèse fermante. Dans mon exemple, vous devez mettre en évidence le texte après (placeholder="YOUR MESSAGE") à voir :

AVANT :

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

APRÈS :

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X