如何禁用 <InputText> AspNetCore 组件

Question

似乎<InputText> 没有disabled 属性。是我用错了还是有异常的方法来禁用该字段？

<div class="input-group form-group">
    <div class="input-group-prepend">
        <span class="input-group-text"><i class="oi oi-key"></i></span>
    </div>
    <InputText @bind-Value="@Password" class="form-control" placeholder="Password" type="password"></InputText>
</div>
<div class="input-group form-group">
    <div class="input-group-prepend">
        <span class="input-group-text"><i class="oi oi-key"></i></span>
    </div>
    <input type"text" disabled="disabled" />
</div>

如您所见，可以很好地禁用普通的<input> 字段。我想要<InputText> 的所有功能，所以我不想为我的密码字段切换组件。

Answer 1

您可以在EditForm 中使用的所有组件都支持任何 html 属性。
你可以禁用InputTextwith:

<InputText @bind-Value="@Password" class="form-control" placeholder="Password"
type="password" disabled ></InputText>
<InputText @bind-Value="@Password" class="form-control" placeholder="Password"
type="password" disabled="disabled" ></InputText>

注意：placeholder、type 和 class 也不是 InputText 属性。