ASP.NET Core中SQL取数时文本框默认值0遮挡占位符的解决

问题核心是int作为值类型默认值为0，模型绑定后输入框会自动填充0，导致placeholder被遮挡。以下是几种可行的解决办法：

办法一：将模型属性改为可空整数类型（推荐） #

把inputModel中的price字段改为int?（可空int），这样默认值为null，输入框不会自动填充0，placeholder正常显示。同时不影响表单提交时的数值绑定（输入有效数字时会自动转换为int）。

修改inputModel代码：

public class inputModel
{
    public string? areaunit { get; set; }
    public int? area { get; set; } // 可选：如果area也存在同样问题，可一并改为可空类型
    public int? price { get; set; }
}

控制器和视图无需额外修改，asp-for="Input.price"会自动适配可空类型。

办法二：在视图中通过条件判断控制输入框值 #

如果不想修改模型类型，可以在视图里添加逻辑：当price为0时，不渲染value属性，让placeholder正常显示。

修改视图代码（保留asp-for的验证等特性）：

<input type="text" placeholder="price" 
       asp-for="Input.price" 
       @(Model.Input.price == 0 ? "" : $"value='{Model.Input.price}'")
       style="height: 50px; border-color: black; border-style:solid; margin-top: 5px; margin-bottom: 3px; border-radius: 5px;" />

或者手动构建输入框（需保证name属性与模型绑定名称一致）：

<input type="text" placeholder="price" 
       name="Input.price" 
       value="@(Model.Input.price == 0 ? "" : Model.Input.price.ToString())"
       style="height: 50px; border-color: black; border-style:solid; margin-top: 5px; margin-bottom: 3px; border-radius: 5px;" />

办法三：控制器初始化时适配默认值（配合可空类型） #

如果需要保留首次加载与查询提交的状态区分，可在控制器创建inputModel时，根据请求场景设置默认值：

修改控制器中初始化viewModel的代码：

var viewModel = new RentModel
{
    Data = data,
    Input = new inputModel
    {
        // 仅首次加载（无查询参数）时将price设为null，查询提交时保留用户输入值
        price = string.IsNullOrEmpty(input.areaunit) ? null : input.price,
        area = string.IsNullOrEmpty(input.areaunit) ? null : input.area,
        areaunit = input.areaunit
    }
};

此方式需配合模型改为可空类型使用。

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