如何在 Spring MVC 中添加 html5 占位符属性以形成输入元素答案

【问题标题】：How to add html5 placeholder attribute to form input elements in Spring MVC如何在 Spring MVC 中添加 html5 占位符属性以形成输入元素
【发布时间】：2012-10-17 01:44:19
【问题描述】：

如何在Spring MVC的表单输入元素中添加html5占位符属性？

例子：

<input type="text" required="true" name="firstName" id="firstName" placeholder="Your Name" 
                dojoType="dijit.form.ValidationTextBox" missingMessage="Ooops!  You forgot your first name!" />

【问题讨论】：

您的示例是 Spring MVC 代码吗？如果是这样，它看起来已经可以工作了。如果没有，请发布您尝试过的实际代码。
这与Spring MVC无关

标签： html spring-mvc dojo spring-webflow

【解决方案1】：

使用 camelCasing 将“placeholder”转换为“placeHolder”。程序化：

dojo.require("dijit.form.TextBox");
dojo.addOnLoad(function() {
    var inp = new dijit.form.TextBox({
        placeHolder: 'Your Name',
        name: 'firstName',
        id:'firstName'
    });
    dojo.byId('placeHolderNode').appendChild(inp.domNode);
});

声明性：

 <input type="text" required="true" name="firstName" id="firstName" 

       placeHolder="Your Name" 

            dojoType="dijit.form.ValidationTextBox" missingMessage="Ooops!  You forgot your first name!" />

演示：http://jsfiddle.net/seeds/G6VYA/1

【讨论】：

【解决方案2】：

据我所知，dojo（已选中 1.9）不使用 html5 占位符，而是创建了一个跨度来保存占位符文本。 dojo 文档指出：

Dojo 1.5 附带 HTML5 占位符参数（也称为 “提示”）已为所有基于 TextBox 的小部件实现。占位符是小部件显示的灰色示例或提示文本在空表单字段的输入区域内，例如“John Doe”或 “你的名字”。当用户聚焦该字段时，文本会消失。

这是不准确的，生成的代码没有 html5 标记。我希望它做到了。

【讨论】：