Live
x
<html> <head> <title>Formularze</title> <style> textarea { display: block; margin-bottom: 20px;; } /* Walidacja wygląda tak samo jak w przypadku <input> */ textarea:invalid { border: 1px solid red; } /* Wysokośc i szerokość możemy również ustawić za pomocą CSS */ .withCss { width: 350px; height: 100px; } </style> </head> <body> <h1>Formularz - text area</h1> <form> <label> Zostaw komentarz: <textarea name="name1"></textarea> </label> <label> Zostaw komentarz (<code>cols: 40</code>): <textarea cols="40" name="name2"></textarea> </label> <label> Zostaw komentarz (<code>rows: 10</code>): <!-- Pole wymagane --> <textarea rows="10" name="name3" required></textarea> </label> <label> Zostaw komentarz (<code>rows: 10; cols: 40</code>): <textarea rows="10" cols="40" name="name4"></textarea> </label> <label> Zostaw komentarz (wys/szer. ustawiana przez CSS): <textarea class="withCss" name="name5"></textarea> </label> </form> </body></html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.