Нужна помощь в приведении формы в соответствие с W3C - PullRequest
Новая
       5

Нужна помощь в приведении формы в соответствие с W3C

0 голосов
/ 16 мая 2011

Я создал форму поиска домена с помощью тегов CSS и DIV, но она не совместима с W3C, так как я разделил теги формы.Как я могу обойти это и по-прежнему иметь возможность стилизовать каждый компонент формы? 

<div class="reg-domain-txt">
<span>Register Your Domain Name Today!</span>
</div>


<div class="checkerform">
<form action="https://www.xhostcompanyx.com/clients/domainchecker.php" method="post">
<input type="hidden" name="token" value="xxxxxxxxx" /> 
<input type="hidden" name="direct" value="true" /> 
<input class="inputbox" type="text" name="domain" size="29" />
</div>

<div class="tldboxlist">
<select class="tldbox" name="ext">
<option>.com</option>
<option>.net</option>
<option>.org</option>
<option>.biz</option>
<option>.us</option>
<option>.info</option>
<option>.mobi</option>
<option>.me</option>
<option>.co</option>
<option>.tv</option>
<option>.pro</option>
</select>
</div>


<div class="domaincheckbutton">
<input class="domainbutton" type="submit" value="Search" />
</form>
</div>

Ответы [ 3 ]

3 голосов
/ 16 мая 2011

Просто поместите начальный и конечный теги формы за пределами div.

Пожалуйста, объясните, почему это не позволит вам стилизовать?

1 голос
/ 16 мая 2011

Код, который вы опубликовали, недействителен, поскольку вы открыли тег <div>, затем открыли тег <form>, а затем закрыли тег <div> перед закрытием тега <form>. Вы не можете сделать это с любыми тегами в HTML.

Вот ваш HTML, исправленный и с отступом - отступ действительно помогает сделать такие ошибки HTML более очевидными: 

<div class="reg-domain-txt">
    <span>Register Your Domain Name Today!</span>
</div>


<div class="checkerform">
    <form action="https://www.xhostcompanyx.com/clients/domainchecker.php" method="post">
        <input type="hidden" name="token" value="xxxxxxxxx" /> 
        <input type="hidden" name="direct" value="true" /> 
        <input class="inputbox" type="text" name="domain" size="29" />

        <div class="tldboxlist">
            <select class="tldbox" name="ext">
                <option>.com</option>
                <option>.net</option>
                <option>.org</option>
                <option>.biz</option>
                <option>.us</option>
                <option>.info</option>
                <option>.mobi</option>
                <option>.me</option>
                <option>.co</option>
                <option>.tv</option>
                <option>.pro</option>
            </select>
        </div>


        <div class="domaincheckbutton">
            <input class="domainbutton" type="submit" value="Search" />
        </div>
    </form>
</div>
0 голосов
/ 16 мая 2011

Я бы удалил три DIV. Они не нужны для содержания или стиля. Если вам нужно сгруппировать элементы формы, вы должны использовать тег FIELDSET. Кроме того, если вам нужно разместить всю форму, вы можете дать форме идентификатор или класс.

...