有什么方法可以将 textarea HTML 元素包裹在 HTML 元素周围吗?就我而言,我想将文本区域包裹在标签周围。
这就是我试图实现的目标:
Label name: *********
*********************
*********************
其中 * 是文本区域。
你不能使用HTML里面有标签<textarea>
但您可以使用绝对定位将标签放置在所需的位置。
然后,您可以使用CSS text-indent
财产 (有关 MDN 的更多信息 https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent)以偏移文本区域的第一行,以便标签不会与其重叠。
div {
position: relative;
}
label {
position: absolute;
top: 0;
left: 0;
border: 1px solid #000;
width: 115px;
line-height: 1em;
}
textarea {
text-indent: 120px;
margin: 0;
line-height: 1.2em;
}
<div>
<label>This is the label :</label>
<textarea cols="30" rows="10"></textarea>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)