Bootstrap 显示 html 和屏蔽按钮的文本区域

Question

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

这是代码：

    <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>

Answer 1

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

< textarea rows="3" asp-for="MyText" class="form-control" required > < /textarea>

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