HTML5-Textarea-Platzhalter wird nicht angezeigt

Question

Apr 17, 2012, 09:23 AM

HTML5-Textarea-Platzhalter wird nicht angezeigt

Ich kann nicht herausfinden, was mit meinem Markup nicht stimmt, aber der Platzhalter für den Textbereich wird nicht angezeigt. Es scheint, als ob es mit einigen Leerzeichen und Tabulatoren bedeckt sein könnte. Wenn Sie sich auf den Textbereich konzentrieren und dort löschen, wo sich der Cursor befindet, und dann den Textbereich verlassen, wird der richtige Platzhalter angezeigt.

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