HTML Code

<!DOCTYPE html>



<html lang=en>



<head>



  <meta charset=UTF-8>



  <meta name=viewport content="width=device-width,initial-scale=1">



  <title>Textarea in Form</title>



  <style>body{font-family:system-ui,sans-serif;margin:0;padding:1.5rem;background:#f8fafc;color:#334155}form{max-width:480px;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px}label{display:block;margin-bottom:.35rem;font-size:.9rem;font-weight:600;color:#0f172a}textarea{width:100%;min-height:8rem;padding:.65rem .75rem;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:.875rem;line-height:1.6;resize:vertical;margin-bottom:.75rem}button{padding:.5rem 1rem;border:none;border-radius:6px;background:#2563eb;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}</style>



</head>



<body>



  <form action=/submit method=post>



    <label for=comments>Comments</label>



    <textarea id=comments name=comments rows=8 cols=60>Type your comments here</textarea>



    <button type=submit>Submit</button>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML textarea Tag — Form Integration