0

When trying to use Boolean Data Attributes (http://www.w3.org/html/wg/drafts/html/master/infrastructure.html#boolean-attribute) in my Xpage I get syntax errors.

The markup snippet:

<label>
    <span>Layout</span>
    <select class="layout-option m-wrap small">
        <option value="fluid" selected>Fluid</option>
        <option value="boxed">Boxed</option>
    </select>
</label>

Causes the following parse error:

Attribute name "selected" associated with an element type "option" must be followed by the ' = ' character.

I have set the doctype to HTML5. How can I fix this error?

4

3 回答 3

1

您可以在使用计算文本和属性中的最小化选项时执行此操作。

<label>
    <span>Layout</span>
       <select class="layout-option m-wrap small">
        <xp:text escape="true" tagName="option" styleClass="" value="Fluid">
            <xp:this.attrs>
                <xp:attr name="selected" minimized="true" value="" />
            </xp:this.attrs>
       </xp:text>

        <option value="boxed">Boxed</option>
    </select>
</label>
于 2013-07-23T20:18:53.680 回答
0

对斯文的回答稍作修改就可以了:

<label>
    <span>Layout</span>
    <select class="layout-option m-wrap small">
        <xp:text escape="true" tagName="option" value="Fluid">
            <xp:this.attrs>
                <xp:attr name="value" value="fluid" />
                <xp:attr name="selected" minimized="true" value="" />
            </xp:this.attrs>
        </xp:text>
        <option value="boxed">Boxed</option>
    </select>
</label>

生成 HTML:

<label>
    <span>Layout</span>
    <select class="layout-option m-wrap small">
        <option value="fluid" selected>Fluid</option>
        <option value="boxed">Boxed</option>
    </select>
</label>
于 2013-07-31T18:45:37.560 回答
0

XPages 源必须符合 XML,因此不适合 HTML5。你有几个选择。

  1. 按照 Naveen 的建议,使用属性中的任何值。
  2. 使用 Sven 建议的自定义渲染属性。
  3. 通过computedText控件输出 HTML5 。
  4. 制作自己的组件(OSGi,在数据库中),根据自己的喜好输出 SELECT 标记。
于 2013-07-23T22:44:22.920 回答