Adding label inside a border of an input field

Does anyone know how to go about creating a label field that looks like this?

Field with label in the border

Specifically, the label inside the border of course.

Hi! This is a little tricky, but perhaps possible. I would try a container (A) with an input field in a container (B) which has the borders inside (A), and then having another container © inside (A) with the text which does not have borders but only a background color (same as background) and then is placed with position:absolute on top of container (B) slightly.

The input field inside the container (B) may need to be set to position:absolute and full opacity (either 1 or 0, I forget) and a page variable tied to the input field’s value would be tied to a text inside the container (B) to show what is currently typed.