Co należy zastąpić <span> w <form> za pomocą? „W XHTML 1.1 tag <form> nie może zawierać tag <span>

Question

Jestem początkujący w html Używam moduł logowania z yootools.?

Co zastąpić <span> wz Mam XHTML 1.1 ścisłe doctype (zmiana poprawki przejściowe it) i otrzymuję błąd:

„W XHTML 1.1 tagiem <form> nie może zawierać tag <span>

to skrzynki użytkownika/karnet ustawieni obok siebie na tej samej linii. Co mogę zastąpić tymi rozpiętościami, żeby nie narzekać?

Dzięki!

Maria

Edytuj: Wyczyścić do tego teraz. Więc po prostu muszę znaleźć sposób, aby zastąpić coś z <span class="username">.

<li class="login"> 
    <form action="/cgi-bin/login" method="post" name="Login"> 

     <span class="username"> 
     <input type="text" name="username" size="18" value="Username" /> 
     </span> 

     <span class="password"> 
     <input type="password" name="passwd" size="10" value="Password" /> 
     </span> 

     <span class="login-button"> 
     <button value="Login" name="Submit" type="submit" title="L">L</button> 
     </span> 

    </form> 
</li> 





a:focus { outline: none; } 

span.username, 
span.password { 
    width: 74px; 
    height: 16px; 
    padding: 6px 5px 2px 25px; 
    float: left; 
    overflow: hidden; 
    margin-right: 0px; 

} 



span.username input, 
span.password input { 
    padding: 0px; 
    width: 100%; 
    background: none; 
    border: none; 
    outline: none; 
    float: left; 
    color: #646464; 
    font-size: 11px; 
} 



span.login-button { 
    margin: 2px 5px 2px 0; 
    width: 50px; 
    height: 20px; 
    float: left; 
    overflow: hidden; 
} 



span.login-button button { 
    display: block; 
    padding: 0px 0px 0px 0px; 
    width: 100%; 
    height: 20px; 
    border: none; 
    background: none; 
    cursor: pointer; 
    overflow: hidden; 
    font-size: 11px; 
    line-height: 20px; 
    color: #646464; 
} 




.login { 
    float:right; 
    margin:5px 0 0 0; 
    height: 24px; 
    display: block; 

} 


.login span.username { 
    background: url(img/username_bg.png) 0 0 no-repeat; /* ie6png:crop */ 
} 

.login span.password { 
    background: url(img/password_bg.png) 0 0 no-repeat; /* ie6png:crop */ 
} 

.login span.username:hover { 
    background: url(img/username_bg.png) 0 -24px no-repeat; 
} 

.login span.password:hover { 
    background: url(img/password_bg.png) 0 -24px no-repeat; 
} 



.login span.username input:hover, 
.login span.password input:hover, 
.login span.username input:focus, 
.login span.password input:focus { 
    color: #F2AD29; 
} 

.login span.login-button { 
    background: url(img/button_bg.png) 0 0 no-repeat; /* ie6png:crop */ 
} 

.login span.login-button:hover { 
    background: url(img/button_bg.png) 0 -20px no-repeat; 
} 



.login span.login-button button:hover { 
    color: #F2AD29; 
} 

Answer 1

Myślę, że jedyną różnicą pomiędzy posiadaniem tych przęseł i ich nie posiadające, że przęsła są wyświetlane automatycznie inline, a DIV i wiele innych elementów (jak wejść) są wyświetlane automatycznie „blok”. Więc spróbuj po prostu dodać display : inline; do CSS dla dwóch pól tekstowych.

Answer 2

Spróbuj to zamiast:

<li class="login-black"> 
    <form action="/cgi-bin/login" method="post" name="Login"> 
     <input type="text" name="username" size="10" value="Username" class="username niftyquick y-login login" /> 
     <input type="password" name="passwd" size="10" value="Password" class="password niftyquick y-login login" /> 
     <input type="hidden" name="remember" value="yes" /> 
     <button value="Login" name="Submit" type="submit" title="L" class="login-button niftyquick y-login login">Log</button> 
    </form> 
</li> 

Jeśli Twój spans są tam tylko stylizacji, stosuje te klasy, aby same elementy zamiast.

Answer 3

Wystarczy umieścić <div> tag natychmiast po znaczniku <form> i </div> tagu bezpośrednio przed tagiem </form> i wont trzeba zmienić przęseł w ogóle.

Answer 4

w schemacie http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd

Formularz Tag może zawierać tylko elementy blokowe, spróbuj zamiast tego:

<li class="login"> 
    <form action="/cgi-bin/login" method="post" name="Login"> 
     <div> 
     <span class="username"> 
     <input type="text" name="username" size="18" value="Username" /> 
     </span> 

     <span class="password"> 
     <input type="password" name="passwd" size="10" value="Password" /> 
     </span> 

     <span class="login-button"> 
     <button value="Login" name="Submit" type="submit" title="L">L</button> 
     </span> 
     </div>  
    </form> 
</li>