Bootstrap textarea 显示 html 和阻止按钮

Posted 2023-03-27

【中文标题】Bootstrap textarea 显示 html 和阻止按钮

【英文标题】：Bootstrap textarea showing html and blocking button

【发布时间】：2020-03-09 00:36:12

【问题描述】：

我有一个带有 textarea 的 Razor 页面，但它显示 html 并且 textarea 下的按钮未显示在页面上。如果我切换到普通文本输入，它工作正常。

这是代码：

    <div class="card-body">
        <div class="form-group row">
            <label class="col-sm-2 col-form-label">Text :</label>
            <div class="col-sm-10">
                <textarea rows="3" asp-for="MyText" class="form-control" required />
            </div>
        </div>
        <input type="submit" value="Next" class="btn btn-primary btn-lg btn-block" />
    </div>

在页面上看到按钮没有显示并且textarea被html填充...

<form method="post" action="/Home/SubmitThis">
<input type="hidden" id="HiddenField1" name="HiddenField1" value="" />
<input type="hidden" id="HiddenField2" name="HiddenField2" value="" />
<div class="card">
    <div class="card-body">
        <div class="form-group row">
            <label class="col-sm-2 col-form-label">Text :</label>
            <div class="col-sm-10">
                <textarea rows="3" class="form-control" required id="MyText" name="MyText" />
            </div>
        </div>
        <input type="submit" value="Next" class="btn btn-primary btn-lg btn-block" />
    </div>
</div>

【问题讨论】：

请发布在浏览器上呈现的 HTML。

【参考方案1】：

您没有正确关闭 Textarea 标记。 textarea 标签需要正确关闭。

通过编写一个封闭的 Textarea 标签来更改您的代码，然后它将起作用。

【讨论】：

添加一个代码 sn-p 会使答案更好。