如何使用 XSLT 生成 HTML 表单？答案

【问题标题】：How do I produce a HTML form using XSLT?如何使用 XSLT 生成 HTML 表单？
【发布时间】：2013-10-19 03:12:27
【问题描述】：

我有一张表格要填写：

<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 xml forms xslt

【解决方案1】：

此 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>

看起来像这样：

【讨论】：