Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>My Example</title> <style> .myForm { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0.8em; max-width: 50em; } .myForm * { box-sizing: border-box; } .myForm p { padding: 2em; margin: 0; color: #555; border-style: solid; border-color: limegreen; border-width: 0 0 1px; } .myForm p:nth-of-type(1) { border-top-width: 1px; } .myForm p:nth-of-type(odd) { color: seagreen; background-color: #e5f6e6; } .myForm textarea { width: 60%; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0.9em; display: inline-block; margin-right: 2em; } .myForm label { display: inline-block; vertical-align: top; } </style> </head> <body> <form class="myForm" method="get" enctype="application/x-www-form-urlencoded" action="/html/form_handler.cfm"> <p> <textarea name="textarea_field_1" id="textarea_field_1"></textarea> <label for="select1"> Basic </label> </p> <p> <textarea name="textarea_field" id="textarea_field_1" placeholder="Placeholder text goes here"></textarea> <label for="select1"> Placeholder Text </label> </p> <p> <textarea name="textarea_field" id="textarea_field_1" rows="5" cols="5"></textarea> <label for="select1"> Rows & Cols </label> </p> <p> <textarea name="textarea_field" id="textarea_field_1" maxlength="500"></textarea> <label for="select1"> Maxlength </label> </p> <p> <textarea name="textarea_field" id="textarea_field_1" minlength="5"></textarea> <label for="select1"> Minlength </label> </p> <p> <textarea name="textarea_field" id="textarea_field_1" maxlength="500" required></textarea> <label for="select1"> Required Field </label> </p> <p> <textarea name="textarea_field" id="textarea_field_1" readonly>Readonly text</textarea> <label for="select1"> Readonly </label> </p> <p> <textarea name="textarea_field" id="textarea_field_1" maxlength="500" disabled></textarea> <label for="select1"> Disabled </label> </p> <p> <textarea name="textarea_field" id="textarea_field_1" rows="5" cols="5" wrap="hard"></textarea> <label for="select1"> Wrap </label> </p> </form> </body> </html>
