如何使用XSLT生成HTML表单？

cgyqldqp 于 2023-02-02 发布在其他

关注(0)|答案(2)|浏览(106)

我有张表格要填：

<form action="welcome.jsp"  method="post">
 <table>
  <tr><td>Email:</td><td><input type="text" name="email"></td></tr>
  <tr><td>Name:</td><td><input type="text" name="name"></td></tr>
  <tr><td>Mobile:</td><td><input type="text" name="mobile"></td></tr>
  <tr><td></td><td><input type="submit" value="Submit"></td></tr>
 </table>
</form>

但是，如何使用XSLT生成相同的表单呢？此表单驻留在index.jsp文件中，并且我在此文件中有xml，目前可以使用任何模型xml，我最困惑的是

<input ... >

部分。
谢谢

Html

来源：https://stackoverflow.com/questions/19461938/how-do-i-produce-a-html-form-using-xslt

2条答案

按热度按时间

ojsjcaue1#

此XML输入文件：

<r>
  <email>bob@example.com</email>
  <name>Bob</name>
  <mobile>123-456-7890</mobile>
</r>

馈送到此XSLT转换：

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" 
                xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output method="html" indent="yes" />
  <xsl:template match="/r">
    <xsl:variable name="email" select="email"/>
    <xsl:variable name="name" select="name"/>
    <xsl:variable name="mobile" select="mobile"/>
    <form action="welcome.jsp"  method="post">
      <table>
        <tr><td>Email:</td><td><input type="text" name="email" value="{$email}"></input></td></tr>
        <tr><td>Name:</td><td><input type="text" name="name" value="{$name}"/></td></tr>
        <tr><td>Mobile:</td><td><input type="text" name="mobile" value="{$mobile}"/></td></tr>
        <tr><td></td><td><input type="submit" value="Submit"/></td></tr>
      </table>
    </form>
  </xsl:template>
</xsl:stylesheet>

生成已完成表单的HTML：

<form action="welcome.jsp" method="post">
   <table>
      <tr>
         <td>Email:</td>
         <td><input type="text" name="email" value="bob@example.com"></td>
      </tr>
      <tr>
         <td>Name:</td>
         <td><input type="text" name="name" value="Bob"></td>
      </tr>
      <tr>
         <td>Mobile:</td>
         <td><input type="text" name="mobile" value="123-456-7890"></td>
      </tr>
      <tr>
         <td></td>
         <td><input type="submit" value="Submit"></td>
      </tr>
   </table>
</form>

看起来像这样

赞(0）回复(0）举报 2023-02-02

9ceoxa922#

我正在处理Oracle XE示例数据库中的数据。DBMS_XMLGEN.GETXML将单个记录的XML返回为...

<ROWSET>
<ROW>
<CUSTOMER_ID>177</CUSTOMER_ID)
<NAME>United Continental Holdings</NAME>
<ADDRESS>2904 S Salina St, Syracuse, NY</ADDRESS>
<WEBSITE>http://www.unitedcontinentalholdings.com</WEBSITE>
<CREDIT_LIMIT>5000</CREDIT_LIMIT>
</ROW>
</ROWSET>

我想要一个通用的样式表，将任何单一的记录转换为上述到一个为每个字段适当的输入类型的形式。

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html> 
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"></link>
</head>
<body>
    <form>
        <xsl:for-each select="ROWSET/ROW">
            <xsl:apply-templates/>
        </xsl:for-each>
        <button type="submit" class="btn btn-primary">Submit</button>
    </form>
</body>
</html>
</xsl:template>

<xsl:template match="*">
    <div class="row mb-3">

        <div class="col-sm-10">

            <label class="col-sm-2 form-label" for="name(.)"><xsl:value-of select="translate(name(.), '_', ' ')"/></label>

            <xsl:choose>

                <!-- numbers -->
                <xsl:when test="number(.)">
                    <input class="form-control" id="name(.)" name="name(.)" type="number" value="{.}"/>
                </xsl:when>

                <!-- dates -->
                <xsl:when test="translate(., '123456789', '000000000') = '0000-00-00'">
                    <input class="form-control" id="name(.)" name="name(.)" type="date" value="{.}"/>
                </xsl:when>

                <!-- email -->
                <xsl:when test="matches(upper-case($email),'^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$')">
                    <input class="form-control" id="name(.)" name="name(.)" type="email" value="{.}"/>
                </xsl:when>

                <!-- unless otherwise handled, it's type 'text' -->
                <xsl:otherwise>
                    <input class="form-control" id="name(.)" name="name(.)" type="text" value="{.}"/>
                </xsl:otherwise>

            </xsl:choose>

        </div>

    </div>
</xsl:template>

</xsl:stylesheet>

运气。

赞(0）回复(0）举报 2023-02-02

我来回答

如何使用XSLT生成HTML表单？

2条答案

相关问题

热门标签

最新问答