如何使用XSLT生成HTML表单? [英] How do I produce a HTML form using XSLT?

查看:89
本文介绍了如何使用XSLT生成HTML表单?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个表格可以填写:

 < form action =welcome.jspmethod =post > 
< table>
< tr>< td>电子邮件:< / td>< td>< input type =textname =email>< / td>< / tr>
< tr>< td>名称:< / td>< td>< input type =textname =name>< / td>< / tr>
< tr>< td> Mobile:< / td>< td>< input type =textname =mobile>< / td>< / tr>
< tr>< td>< / td>< td>< input type =submitvalue =Submit>< / td>< / tr>
< / table>
< / form>

但是,如何使用XSLT生成相同的表单?
这个表单驻留在一个index.jsp文件中,我在这个文件中有xml,现在可以使用任何mockup xml,我大多在

<$ p中感到困惑$ p> < input ...>

部分。



谢谢

解决方案

此XML输入文件

 < R GT; 
< email> bob@example.com< / email>
<名称>鲍勃< /名称>
<手机> 123-456-7890< /手机>
< / r>

加入此XSLT转换:

 <?xml version =1.0encoding =ISO-8859-1?> 
< xsl:stylesheet version =1.0
xmlns:xsl =http://www.w3.org/1999/XSL/Transform>
< xsl:output method =htmlindent =yes/>
< xsl:template match =/ r>
< xsl:variable name =emailselect =email/>
< xsl:variable name =nameselect =name/>
< xsl:variable name =mobileselect =mobile/>
< form action =welcome.jspmethod =post>
< table>
< tr>< td>电子邮件:< / td>< td>< input type =textname =emailvalue ={$ email}>< / input> ;< / TD>< / TR>
< tr>< td>名称:< / td>< td>< input type =textname =namevalue ={$ name}/>< TD>< / TR>
< tr>< td> Mobile:< / td>< td>< input type =textname =mobilevalue ={$ mobile}/> TD>< / TR>
< tr>< td>< / td>< td>< input type =submitvalue =Submit/>< / td>< / tr>
< / table>
< / form>
< / xsl:template>
< / xsl:stylesheet>

完成表单的HTML:

 < form action =welcome.jspmethod =post> 
< table>
< tr>
< td>电子邮件:< / td>
< td>< input type =textname =emailvalue =bob@example.com>< / td>
< / tr>
< tr>
< td>名称:< / td>
< td>< input type =textname =namevalue =Bob>< / td>
< / tr>
< tr>
< td>手机:< / td>
< td>< input type =textname =mobilevalue =123-456-7890>< / td>
< / tr>
< tr>
< td>< / td>
< td>< input type =submitvalue =Submit>< / td>
< / tr>
< / table>
< / form>

看起来像这样:


I have a form to fill out:

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

However, how do I produce the same form using XSLT? This form resides in a index.jsp file and I have the xml in this file any mockup xml for now can be used, I am mostly confused in

<input ... > 

part.

thanks

解决方案

This XML input file:

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

Fed to this XSLT transformation:

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

Yields this HTML of the completed form:

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

Which looks like this:

这篇关于如何使用XSLT生成HTML表单?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆