Textarea mit "zurücksetz" Button

  • In diesen Abschnitt wird gezeigt wie man ein "Textfeld programmiert,und ein Button der den Inhalt des Textfeldes leert.


    Der "Standard" Code wird auch hier wieder geschrieben. (hier rot)


    <html>

    <head>

    <title>Textarea mit Button</title>
    </head>


    <body>

    <form> Erklärung: Das "form" Element sorgt dafür,dass alles miteinander kommunizieren kann,waszwischen den "<form und </form> steht.

    <textarea cols="16" maxlength="40" rows="4"> Erklärung: Hier wird "Textarea" zu Deutsch "Textfeld" geöffnet.

    Das Attribut "cols" steht dafür wie viele Zeichen und Buchstaben in einer Zeile vorhanden sein Dürfen.

    Das Attribut "maxlength" legt fest wie viele Zeichen es im gesamten Textfeld sein dürfen.

    Und das Attribut "rows" steht für die Zeilen,in diesen Fall darf das Textfeld nur 4 Zeilen enthalten.

    <Input type="reset" value="Zrücksetzen"> Erklärung: Das Attribut "Input type="reset" sorgt für die Entleerung des Textfeldes.

    Mit "value" wird der Text,der innerhalb des Buttons stehen soll eingegeben,in diesesn Fall "zurücksetzen".

    </textarea>

    </form>


    </body>



    </html>