How to apply this particular style to an input
<p>How can I apply a style to a text field that displays only one line at the bottom , which disappears as you type ? I must use only css.</p>

<p>i mean someting like this</p>

<p>_surname____________</p>

<p>_my name____________</p>

<p>i've tryed this, but this is only alf of the job because line doesn't disapper</p>

<pre><code>input[type="text"]
{
    border: 0;
    border-bottom: 1px solid black;
    outline: 0;
}
</code></pre>