Struts和Twitter Bootstrap注册表单

时间:2015-05-29 09:46:11

标签: html twitter-bootstrap jsp struts2 struts2-bootstrap-plugin

我正在使用Struts2和Twitter Bootstrap开发一个Web应用程序。

我创建了一个使用HTML标记和引导属性的简单注册表单,而Struts的形式使用Struts标记。

有没有办法整合它们?以下是两个代码段:

使用HTML和Twitter Bootstrap:

 <div class="row">
    <div class="col-md-6">
          <form class="form-horizontal" action="" method="POST">
          <fieldset>
            <div class="control-group">
              <label class="control-label" for="username">Username</label>
              <div class="controls">
                <input type="text" id="username" name="username" placeholder="" class="form-control input-lg">
                <p class="help-block">Username may contain any letters or numbers, no spaces</p>
              </div>
            </div>

            <div class="control-group">
              <label class="control-label" for="password">Password</label>
              <div class="controls">
                <input type="password" id="password" name="password" placeholder="" class="form-control input-lg">
                <p class="help-block">Password must be at least 6 characters</p>
              </div>
            </div>

            <div class="control-group">
              <label class="control-label" for="password_confirm">Password (Conferma)</label>
              <div class="controls">
                <input type="password" id="password_confirm" name="password_confirm" placeholder="" class="form-control input-lg">
                <p class="help-block">Confirm password</p>
              </div>
            </div>

           <div class="control-group">
              <label class="control-label" for="email">E-mail</label>
              <div class="controls">
                <input type="email" id="email" name="email" placeholder="" class="form-control input-lg">
                <p class="help-block">Insert your email</p>
              </div>
            </div>

            <div class="control-group">
              <!-- Button -->
              <div class="controls">
                <button class="btn btn-success">Confirm</button>
              </div>
            </div>
          </fieldset>
        </form>

    </div> 
  </div>

Struts中的表单:

<s:actionerror/>

<s:form action="Registrazione" method="POST" id="formRegistrazione">
    <p align="center">Inserisci i tuoi dati per registrarti al sistema: </p>
    <s:textfield name="user.username" label="Username" />
    <s:password name="user.password" label="Password" />
    <s:password name="user.confermaPassword" label="Confirm Password" />
    <s:textfield name="user.email" label="Email"/>
    <s:submit value="Registrazione" align="center" />
</s:form>

0 个答案:

没有答案