Note that there are some explanatory texts on larger screens.

plurals
  1. POWhat to replace <span> in <form> with? "In XHTML 1.1 the tag <form> cannot contain tag <span>
    primarykey
    data
    text
    <p>I am a beginner in html. I am using a login module from yootools:</p> <p>What to replace <code>&lt;span&gt;</code> in with? I have XHTML 1.1 strict doctype (changing transitional fixes it) and I get error:</p> <p>"In XHTML 1.1 the tag <code>&lt;form&gt;</code> cannot contain tag <code>&lt;span&gt;</code></p> <p>This is user/pass box lined up next to each other on the same line. What can I replace these spans with so it doesnt complain?</p> <p>Thanks!</p> <p>Maria</p> <p>Edit: Cleaned up to this now. So I just need to find a way to replace <code>&lt;span class="username"&gt;</code> with something.</p> <pre><code>&lt;li class="login"&gt; &lt;form action="/cgi-bin/login" method="post" name="Login"&gt; &lt;span class="username"&gt; &lt;input type="text" name="username" size="18" value="Username" /&gt; &lt;/span&gt; &lt;span class="password"&gt; &lt;input type="password" name="passwd" size="10" value="Password" /&gt; &lt;/span&gt; &lt;span class="login-button"&gt; &lt;button value="Login" name="Submit" type="submit" title="L"&gt;L&lt;/button&gt; &lt;/span&gt; &lt;/form&gt; &lt;/li&gt; 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; } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload