我之前帮同事排查过类似的问题，你的代码里其实有两个关键问题导致占位符不显示，咱们一步步来解决：

1. 修正HTML属性的写法（最关键） #

你现在把placeholder嵌套在了htmlAttributes子对象里，但MVC5的TextBoxFor第二个参数是直接传递所有HTML属性的匿名对象，嵌套的写法会让MVC把htmlAttributes当成一个普通的DOM属性渲染出来，根本不会解析里面的placeholder。

把代码改成这样：

<dd style="display: none" id="stateEditor">
    @Html.TextBoxFor(Model => Model.State, new { mask = "aa", placeholder = "NJ" })
</dd>

2. 配置输入掩码插件的占位符选项 #

假设你用的是常见的jQuery Mask插件（大部分MVC项目用这个做输入掩码），有些版本的插件会覆盖原生的placeholder，所以需要在初始化掩码时手动指定占位符，和原生属性保持一致：

$(document).ready(function() {
    // 这里的#State是TextBoxFor生成的input的ID，MVC默认会用属性名作为ID
    $('#State').mask('aa', {
        placeholder: 'NJ'
    });
});

3. 排查CSS样式问题（兜底检查） #

如果上面两步做完还是看不到占位符，可能是CSS把占位符的颜色设得和背景色一样了，加一段CSS强制让占位符可见：

/* 确保所有浏览器的输入框占位符可见 */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #999;
}
:-moz-placeholder { /* Firefox 18- */
    color: #999;
}

按照这个流程走，应该就能同时实现两位字符的输入掩码和占位符显示的需求了。

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