DjTarik

Про эту жуткую вещь я знаю... Мне нужен стиль не тот, что я прописал, а тот, что по умолчанию. На сколько мне известно - именно в IE - такого нету... Типо пишем тег <address></address> - нводим - он показывает: display: block; font-style: italic; Как и в нормальных броузерах.

Ну, с легендой, может быть и так... Просто всегда делал списками - а тут решил спросить - может я не верно делаю))) Программисту пофигу, напишу я 'name' или нет) Я сам эти формы буду подключать) и какие поля, я, в принципе, знаю... Но это так. Для вида) А звездочку и иконки слева - я засовывал в бекгроунд... Они потом типо меняются при валидации... не верно? Да не боюсь я... Просто ищу варианты) Не знаю, как привильно... А в инете ничего не пишут.)

Раз никто не знает, придётся самому делать) Есть вопрос. В FF - Firebug В Opea - драгон в Chrome и Safari - для разработчиков. Везде есть способ, чтобы просмотреть стили по умолчанию для тегов. В IE - что только не пробовал - нет такого. =( Дебаг бар, Девелопет тулбар, firelite - всё не то... Или я плохо искал, или нет такого? Кто точно знает?

Есть ещё вот такой тип форм. Очень распространённый: Пример 3: Вообще - примерно так: <form action="#" enctype="#" method="#" id="#"> <fieldset> <legend>Поля, помеченные звёздочкой, обязательны к заполнению.</legend> <div> <label for="f1">Ф.И.О.</label> <input type="text" name="#" value="Тут будет всякая лажа..." maxlength="#" id="f1" /> </div> <div> <label for="f2">Телефон</label> <input type="text" name="#" value="+375 33 123 45 67" maxlength="#" id="f2" /> </div> <div> <label for="f3">E-mail</label> <input type="text" name="#" value="" maxlength="#" id="f3" /> </div> <div> <label for="f4">Сообщение</label> <textarea name="#" cols="10" rows="2" id="f4"></textarea> </div> <div> <label for="f5">Прикрепить файл</label> <input type="file" name="#" value="#" id="f5" /> </div> <div> <label for="f6">Введите текст с картинки</label> <img src="#" width="#" height="#" alt="#" /><input type="file" name="#" value="#" id="f6" /> </div> <input type="submit" name="#" value="#" /> </fieldset> </form> Но я склоняюсь к списку, вместо дивов. Или вообще без них. Полей может быть в раза два больше... Кто как бы сделал?

А есть ли смысл делать список для полей <input type="text" /> ???

Итог: Деление на логические блоки и группы внутри формы - через 'fieldset'. Если нужна обёртка для 'input' или 'textarea' - через див. Если есть описание к полю - через 'label' и связку 'for' и 'id'. Кнопки отправки можно смело стилизовать без каких либо обёрток. В исключительный случаях, если явно прослеживается список однородных полей - через 'ul' и 'li'. Но тогда я могу взять форму в которой 20 полей. Сделать её на списках (ведь это список полей), а уже в 'li' засунуть связку 'label' 'input'? или это уже будет не верно? O_o

Ребята, тут как раз таки всё понятно) Если есть связка интупт с описанием - тогда лейбл и инпут связываю через id и for. Просто в моём примере я хотел сразу еще и уголки туда засунуть. Теперь так и буду делать.

Т.е, если я тебя правильно понял: 1. для обёртки инпутов используем див, а не параграф (к примеру). 2. про список - так и буду делать. Всё таки мне так удобнее (можешь поспорить с Максом =). 3. Про сабмит понял.

Спасибо, Макс. Я тебя понял. Блин... ) Что же мне использовать тогда?) Как-то не хочется всё делать на дивах. У кого есть ещё мнения? Кто как делает?

да. Я бы ещё хотел услышать мнение Медведя и старожилов форума. Всё время делал на списках) Чуть позже выложу примет ещё одной формы. Потом скажешь, что думаешь) По примеру 1: <form action="#" enctype="#" method="#" id="#"> <fieldset> <label for="FaqName"><input type="text" name="#" value="Ваше имя" maxlength="#" id="FaqName" /></label> <label for="FaqEmail"><input type="text" name="#" value="Ваш e-mail" maxlength="#" id="FaqEmail" /></label> <p><textarea name="#" rows="" cols="">Ваш вопрос</textarea></p> <input type="submit" name="#" value="Отправить" title="Отправить" class="submit" /> </fieldset> </form> Нормально? =)

1. Всё ясно. (я просто колебался, лэйбл, или параграф?) 2. Всё-таки я не вижу разницы. Мне удобнее делать списком. Есть ли что-нить уже написанное по этому вопросу? И почему списки - это не семантически? (хотелось бы разобраться, так как это распространённый элемент) 3. Тоже всё понятно. Второй пункт мне не даёт покоя)

В общем: пример 2: <form action="#" enctype="#" method="#" id="#"> <fieldset> <label for="domain-name"><input type="text" name="#" value="#" maxlength="#" id="domain-name" /></label> <ul> <li><input type="checkbox" name="#" value="#" id="domain-by" /><label for="domain-by">.by</label></li> <li><input type="checkbox" name="#" value="#" id="domain-ru" /><label for="domain-ru">.ru</label></li> <li><input type="checkbox" name="#" value="#" id="domain-com" /><label for="domain-com">.com</label></li> <li><input type="checkbox" name="#" value="#" id="domain-net" /><label for="domain-net">.net</label></li> <li><input type="checkbox" name="#" value="#" id="domain-org" /><label for="domain-org">.org</label></li> <li><input type="checkbox" name="#" value="#" id="domain-biz" /><label for="domain-biz">.biz</label></li> <li><input type="checkbox" name="#" value="#" id="domain-switch-info" /><label for="domain-switch-info">.info</label></li> </ul> <input type="submit" name="#" value="Проверить" title="Проверить" /> </fieldset> </form> Решил остановиться на этом варианте. 1. Лейбл ставлю для обертки (хотел "p", но потом передумал, наверное так более семантически. Если кто думает иначе - скажите) 2. Всё-таки склоняюсь к спискам. Макс, разъясни, почему списки в формах - это плохо.) 3. И нужна ли кнопке какая-нить обертка? Ответьте по пунктам, плиз... Спасибо. P.S. Ща напишу по первому примеру ещё.

Ты про второй пример? А почему списки не в тему? Вообще в формах их лучше не юзать? Про какой пример речь?) For нужен для IE6 Лейблы нужны для кроссбраузерного отображения полукруглой рамки.

Всем добрый вечер/день/утро/ночь (у кого как). Верстаю уже не первый год, но вопросы всё ещё остаются. Постоянно сталкиваюсь с различными формами и их реализациями. Интересует, как семантически грамотно верстать различные формы. Хочется услышать мнения пофессионалов и советы людей, которые действительно знают, что такое верстка, семантика и валидность. Пример 1: <form action="#" enctype="#" method="#" id="#"> <fieldset> <label for="f1"><input type="text" name="#" value="Ваше имя" id="f1" /></label> <label for="f2"><input type="text" name="#" value="Ваш e-mail" id="f2" /></label> <label for="f3"><textarea name="#" cols="#" rows="#" id="f3">Ваш вопрос</textarea></label> <label for="f4"><input type="submit" name="#" value="Отправить" id="f4" /></label> </fieldset> </form> Какой вариант предпочтительнее? Если оба не верны и у вас есть свой - поделитесь плиз. (я вообще хотел в список засунуть лейблы с инпутами...) Пример 2: <form action="#" enctype="#" method="#" id="#"> <fieldset> <label for="f1"><input type="text" name="#" value="" id="f1" /></label> <ul> <li><input type="checkbox" name="#" value="#" /></li> <li><input type="checkbox" name="#" value="#" /></li> <li><input type="checkbox" name="#" value="#" /></li> <li><input type="checkbox" name="#" value="#" /></li> <li><input type="checkbox" name="#" value="#" /></li> <li><input type="checkbox" name="#" value="#" /></li> <li><input type="checkbox" name="#" value="#" /></li> </ul> <label for="f2"><input type="submit" name="#" value="Проверить" id="f2" /></label> </fieldset> </form> Пока так. Хочется услышать мнения. Интересуют только теги HTML, которые нужно использовать. P.S. Отдельно вдогонку пару вопросов: 1. Если кнопка submit стилизована - её нужно делать через тип "image"? Или можно просто стилизовать инпуп? 2. Нужны ли обёртки инпутам, если я могу обойтись и без них? Ответы желательно обосновать. Можно ссылки на примеры.

а слайдер у вас на чистом HTML работает? O_o

Интересно узнать, зачем? Какова конечная цель?

Если это что-то типа бэкграунда, центр известной ширины, а правая и левая часть должны тянуться в зависимости от разрешения экрана - то только на позиционировании...

Вот сижу, читаю - большую половину не то, чтобы не видел - даже и не слышал) У нас (в Минске) по идее вообще нормального пива нету. Бивер не плох, но в бутылках его нет, по ходу. (( Из закуски - сырных "хворост" со специями, пробовал пару раз "нечто" куриное, то ли шейки, то ли что-то ещё (не могу вспомнить, как называется), но понравилось)

путь к картинкам?

Проще... Но хочется знать, чем же они все-таки отличаются) Любопытство и желание изучить доскональна берёт своё... P.S. Должна же быть такая табличка)

Ребята, не может быть, чтобы никто это не проверял! =) Подскажите хоть запрос в гугл, может и я плохо искал? На английском...

Не, Дим, это понятно. Меня интересует не поддержка тегов - а их отображение в разных броузерах. Т.е, к примеру, у body поля разные в FF и IE. Абсолютно верно. Не может быть, чтобы этого никто не делал, кроме меня)

Собственно - браузеры по разному отображают теги по умолчанию. Это всем известно. Интересует - есть ли конкретная информация, в чём отличия? Что-то типо таблицы со всеми HTML 4 тегами и их стилями по умолчанию для каждого из браузеров? P.S. В гугле был. (если кто знает, какой конкретно задать запрос - буду рад) Искал не один раз - не нашёл ничего стоящего. P.P.S. Не нужно посылать меня в справочники и спецификации =). Если кто видел такие сравнения - поделитесь, плиз. Вдогонку: тоже самое нужно и для CSS. (по моему даже где-то видел, но не смог найти.) Буду рад любой информации. Спасибо.

не знаю... Я сколько раз не верстал - просили одинаковое расстояние именно от цифр. Будь то 1, или 20, или 300... поэтому вот так...

и фотошоп настрой.