Tema = "basit" kullanılmadan Struts2 kullanılarak aynı satırda birden fazla metin alanı nasıl konumlandırılır?

Kullanıcı kimliği ve parolayı struts2 kullanarak aynı satırda gösteren bir web sayfası tasarlamak istiyorum. "theme = 'simple'" kullanmadan nasıl yönetilir.? YukarıdakilerinTema = "basit" kullanılmadan Struts2 kullanılarak aynı satırda birden fazla metin alanı nasıl konumlandırılır?

<%@taglib uri="/struts-tags" prefix="s" %> 
<%@page contentType="text/html" pageEncoding="UTF-8"%><html> 
<head>  

</head> 
<body> 
    <s:form action="Register.action"> 

     <s:textfield name="uid" label="User Name"/> 
     <s:password name="pass" label="Password"/> 
    </s:form> 
</div>

Kaynak Kodu: Varsayılan olarak

<!DOCTYPE html> 
<html> 
    <head>  
    </head> 
    <body> 
    <form id="Register" action="Register.action" method="post"> 
     <table class="wwFormTable"> 
      <tr> 
       <td class="tdLabel"> 
        <label for="Register_uid" class="label">User Name:</label> 
       </td> 
       <td> 
        <input type="text" name="uid" value="" id="Register_uid"/> 
       </td> 
      </tr> 
      <tr> 
       <td class="tdLabel"> 
        <label for="Register_pass" class="label">Password:</label> 
       </td> 
       <td> 
        <input type="password" name="pass" id="Register_pass"/> 
       </td> 
      </tr> 
     </table> 
    </form> 
    </body> 
</html>

kaynak

2016-03-30 Atul Rai

Struts2 xhtml tema kullanıyorum, yani masa düzeni ile giriş alanlarını sarar. Bir tablo düzeni, öğelerini ve sütunlarını kullanarak öğelerinin benzersiz konumunu kullanır. Aynı satırda iki satır gösteremezsiniz. Öte yandan

HTML Struts Etiketler kullanarak,

Standart iki sütunlu CSS tabanlı düzeni kullanan bir tema css_xhtml (form, textfield seçin, vs)

var

satır içi görüntülemek için öğelerin stilini değiştirebilirsiniz. div s textfilds için oluşturulan varsa onları bir stil dysplay: inline-block

kullanabilirsiniz
Bu tarayıcı genişliğini doldurur ve tarayıcı olduğunda (güzel sarar kutularının kılavuz oluşturmak için uzun bir süre için mümkün olmuştur

The inline-block Value
float özelliğini kullanarak yeniden boyutlandırıldı. Ancak, display inline-block değeri inline-block değeri, değerini daha da kolaylaştırır.

satır içi öğeler, satır içi öğeler gibidir, ancak genişliğine ve yüksekliğe sahip olabilirler.

kodu: Oluşturulan HTML göre

<style> 
.floating-box { 
    display: inline-block; 
} 
</style> 

<s:form action="Register.action" theme="css_xhtml"> 

    <s:textfield name="uid" label="User Name" cssClass="floating-box"/> 
    <s:password name="pass" label="Password" cssClass="floating-box"/> 

</s:form>

kaynak

2016-03-30 18:58:31

, kendi tablonun <tr> CSS kuralını display:inline-block; uygulayabilirsiniz:

input{width:100px;} /* needed only to fit in the "Run code snippet" box */ 
 

 
.wwFormTable tr { 
 
    display: inline-block; 
 
}

<table class="wwFormTable"> 
 
    <tr> 
 
    <td class="tdLabel"> 
 
     <label for="Register_uid" class="label">User Name:</label> 
 
    </td> 
 
    <td> 
 
     <input type="text" name="uid" value="" id="Register_uid" /> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td class="tdLabel"> 
 
     <label for="Register_pass" class="label">Password:</label> 
 
    </td> 
 
    <td> 
 
     <input type="password" name="pass" id="Register_pass" /> 
 
    </td> 
 
    </tr> 
 
</table>

sözü

, seni olmadan tek bir unsur

<s:form action="Register.action"> 
    <s:textfield name="uid" label="User Name" theme="simple" /> 
    <s:password name="pass" label="Password" theme="simple" /> 
</s:form>

veya tek bir formda

<s:form action="Register.action" theme="simple"> 
    <s:textfield name="uid" label="User Name" /> 
    <s:password name="pass" label="Password" /> 
</s:form>

üzerinde simple temasını kullanabilirsiniz farkında olmayabilir his var tüm uygulamada XHTML temasının kullanımını düşürüyor.

kaynak

2016-03-30 22:45:32

Tema = "basit" kullanılmadan Struts2 kullanılarak aynı satırda birden fazla metin alanı nasıl konumlandırılır?

cevap

The inline-block Value

İlgili konular