Bootstrap textarea显示html和阻止按钮

问题描述 投票:0回答:1

我有一个带有textarea的Razor页面,但是它显示html,并且textarea下的按钮未显示在页面上。如果我切换到普通文本输入,效果很好。

enter image description here

这是代码:

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

在页面上看到的按钮未显示,并且文本区域用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>

asp.net-mvc bootstrap-4 razor-pages asp.net-core-2.2
1个回答
1
投票

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

像上面那样更改您的代码,它将起作用。

© www.soinside.com 2019 - 2024. All rights reserved.