Textarea with underline (component whole width) text

Question

I need a textarea as follows :

Answer 1

You can use linear gradients:

textarea{
        background-attachment: local;
        background-image:
            linear-gradient(to right, white 10px, transparent 10px),
            linear-gradient(to left, white 10px, transparent 10px),
            repeating-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
        line-height: 31px;
        padding: 8px 10px;
        width: 500px;
        }

<textarea></textarea>