Textarea with Border Bottom only

You can achieve this with changing textarea border property:

  1. Remove existing, default border with border: none.
  2. Add a new border with border-bottom.

Example:

<textarea style="border: none; border-bottom: 3px dashed #333; background: #eee;"></textarea>

Output:

If you don’t want the gray background, you can remove the background: #eee;.