在Entity Framework中如何通过注解设置HTML <input>的step属性

1. 自定义Step数据注解 #

首先创建StepAttribute类，用于标记属性对应的step值：

using System;

[AttributeUsage(AttributeTargets.Property, AllowMultiple = false)]
public class StepAttribute : Attribute
{
    public double Value { get; }
    
    public StepAttribute(double value)
    {
        Value = value;
    }
}

2. 扩展Input标签助手 #

继承官方的InputTagHelper，添加识别Step注解、Range注解并输出对应HTML属性的逻辑：

using Microsoft.AspNetCore.Mvc.TagHelpers;
using Microsoft.AspNetCore.Mvc.ViewFeatures;
using Microsoft.AspNetCore.Razor.TagHelpers;
using System.ComponentModel.DataAnnotations;
using System.Linq;

[HtmlTargetElement("input", Attributes = "asp-for")]
public class ExtendedInputTagHelper : InputTagHelper
{
    public ExtendedInputTagHelper(IHtmlGenerator generator) : base(generator)
    {
    }

    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        base.Process(context, output);
        
        var propertyInfo = For.Metadata.ContainerType.GetProperty(For.Name);
        if (propertyInfo == null) return;

        // 处理step属性
        var stepAttr = propertyInfo.GetCustomAttributes(typeof(StepAttribute), false)
                                   .OfType<StepAttribute>()
                                   .FirstOrDefault();
        if (stepAttr != null)
        {
            output.Attributes.SetAttribute("step", stepAttr.Value);
        }

        // 处理Range对应的min、max属性
        var rangeAttr = propertyInfo.GetCustomAttributes(typeof(RangeAttribute), false)
                                    .OfType<RangeAttribute>()
                                    .FirstOrDefault();
        if (rangeAttr != null)
        {
            output.Attributes.SetAttribute("min", rangeAttr.Minimum);
            output.Attributes.SetAttribute("max", rangeAttr.Maximum);
        }
    }
}

3. 注册自定义标签助手 #

在项目Views/_ViewImports.cshtml文件中添加以下代码，把你的项目程序集名称替换为你实际的项目名：

@addTagHelper *, 你的项目程序集名称

4. 模型中使用注解 #

修改你的模型属性即可：

[Range(0, 9999999)]
[Step(1)]
public int Quantity { get; set; }

5. 视图简化写法 #

视图中的input标签不需要再手动写step、min、max属性，直接写：

<input asp-for="Quantity" class="form-control" />

页面渲染时会自动生成带step="1"、min="0"、max="9999999"属性的HTML元素，注意你原来代码里的ste="1"是拼写错误，正确属性名是step。

内容的提问来源于stack exchange，提问作者jeremyd