<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
.vertical {
resize: vertical;
}
.horizontal {
resize: horizontal;
}
</style>
</head>
<body>
<h2>Resize the textarea only vertically</h2>
<form action="/form/submit" method="post">
<textarea class="vertical" rows="8" cols="50">Send your comments to the author.</textarea>
<h2>Resize the textarea only horizontally</h2>
<textarea class="horizontal" rows="8" cols="50">Send your comments to the author.</textarea>
</form>
</body>
</html>