09、xsl中输出对应的列和值

一、show.xml文件如下：

<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet type="text/xsl" href="style.xsl"?>
<tool>
    <field id="username">
        <value>张三</value>
    </field>
    <field id="password">
        <value>123456</value>
    </field>
    <field id="age">
        <value>18</value>
    </field>
</tool>

 

二、style.xsl文件如下：

<?xml version="1.0" encoding="GB2312"?>
<xsl:stylesheet version="1.0"
                xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match="/">
        <html>
            <body>
                <form method="post" action="">
                    <h2>用户登录</h2>
                    <table border="1">
                        <xsl:for-each select="tool/field">
                            <tr>
                                <!--                                输出第一列id属性对应的内容-->
                                <td>
                                    <xsl:value-of select="@id"/>
                                </td>
                                <!--                                输出第二列内容-->
                                <!--                                select="value"对应的是这一列的值-->
                                <!--                                select="@id"对应的是这一列的列名-->
                                <td>
                                    <input type="text">
                                        <xsl:attribute name="value">
                                            <xsl:value-of select="value"/>
                                        </xsl:attribute>
                                    </input>
                                </td>
                            </tr>
                        </xsl:for-each>
                    </table>
                    <br/>
<!--                    按钮-->
                    <input type="submit" id="btn_sub" name="btn_sub" value="登录"/>
                    <input type="reset" id="btn_res" name="btn_res" value="重置"/>
                </form>
            </body>
        </html>
    </xsl:template>

</xsl:stylesheet>

 

三、输出效果如下：

 

posted @ 2021-07-12 10:53  像一棵海草海草海草  阅读(60)  评论(0)  编辑  收藏  举报