我正在尝试从 Microsoft Word 中获取以下模式:
在 HTML 中我得到:
我如何以 textarea 在标签之后的方式对其进行编码,例如上面 word 中的可视化?
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
<title>testform</title>
<link rel = "stylesheet" href = "test2.css">
</head>
<body>
<div class = "entity">
<label >Enter your address</label>
<textarea id = "addr_out"></textarea>
</div>
</body>
最佳答案
这可以通过以下几种方式完成:
(旧黑客)将添加 <br>
在标签之后,但我不建议这样做:
<label >Enter your address</label><br/>
或者您也可以将标签和文本区域包装在不同的 div
上。考虑到 div 是全宽的:<div class = "entity">
<label >Enter your address</label>
</div>
<div class = "entity">
<textarea id = "addr_out"></textarea>
</div>
或者你可以在 css 上做,要么使标签宽度 100%
:textarea {
width: 100%;
}
或制作 .entity
使用 flex
:.entity {
display: flex;
}
关于html - 如何在标签后向textarea添加换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64385730/