Input Tag Helper Not Working with Razor Code
To render the disabled input element, you simply need to add a disabled attribute. All the below will render a disabled input text element.
<input type="checkbox" disabled />
<input type="checkbox" disabled="disabled" />
<input type="checkbox" disabled="false" />
<input type="checkbox" disabled="no" />
<input type="checkbox" disabled="enabled" />
<input type="checkbox" disabled="why is it still disabled" />
In Asp.NET Core, You can extend the existing input tag helper to create a readonly input tag helper.
Extend the InputTagHelper
class, add a new property to identify whether the input should be disabled or not and based on this value, add the "disabled" attribute to the input.
[HtmlTargetElement("input", Attributes = ForAttributeName)]
public class MyCustomTextArea : InputTagHelper
{
private const string ForAttributeName = "asp-for";
[HtmlAttributeName("asp-is-disabled")]
public bool IsDisabled { set; get; }
public MyCustomTextArea(IHtmlGenerator generator) : base(generator)
{
}
public override void Process(TagHelperContext context, TagHelperOutput output)
{
if (IsDisabled)
{
var d = new TagHelperAttribute("disabled", "disabled");
output.Attributes.Add(d);
}
base.Process(context, output);
}
}
Now to use this custom textarea helper, you need to call the addTagHelper
method in _ViewImports.cshtml
.
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper *, YourAssemblyNameHere
Now in your view, you can specify the asp-is-disabled
attribute value.
<input type="text" asp-for="OtherDrugs"
asp-is-disabled="@Model.OtherDrugs==null"/>