2013-10-19 324 views
2

我有一個表格填寫:如何使用XSLT生成HTML表單?

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

部分主要是困惑。

感謝

回答

3

此XML輸入文件:

<r> 
    <email>[email protected]</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="[email protected]"></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> 

看起來像這樣:

enter image description here

+0

@GomuGomuNoRocket:請提出新問題。謝謝。 – kjhughes