如何使用 HTML5 和 CSS3 制作一个宽度和高度可变且右上角上边框带有标签的文本区域

Question

我需要使用 HTML5 和 CSS3 制作一个宽度和高度可变的文本区域，并在右上角的上边框上有一个标签，如下图所示：我怎样才能做到这一点？任何帮助将不胜感激！

Answer 1

像这样的东西吗？

body { font-size:14px; }

.form-control { display:inline-block; position:relative;}

label { text-align:right; background-color:white; right:5px; top:-5px; position:absolute;}

textarea { display:block; }

<div class="form-control">

<label for="#myTextArea">My Label</label>

<textarea>My text area</textarea>

</div>