Jump to content
  • 0

Вёрстка сложных форм


WalkMan
 Share

Question

Поделитесь опытом кто какие конструкции использует для вёрстки сложных форм

вот пример

forms.png

не сложный

но суть думаю ясна

сам юзаю каркас

	  <ul class="inputForm">
<li><span class="title"></span><input name="" class="textInput" /></li>
</ul>

Link to comment
Share on other sites

19 answers to this question

Recommended Posts

  • 0
чем лучше данная конструкция?

Сложный вопрос) Для меня - семантически правильнее.

Плюс ты избавишься от спанов:

<dl>
<dt><label>...</label></dt>
<dd><input /></dd>
</dl>

Причём лэйбл обязательно...

Меньше элементов, меньше классов, понятнее код.

Link to comment
Share on other sites

  • 0
Moe nachalstvo net)))

Начальству, видимо, деньги девать некуда... На верстку таблицей тратится в разы меньше времени (а соответственно бабла) чем на верстку блоками, затем исправление багов в разных браузерах. А уж если текст лейбла будет переноситься на новую строку, а его надо оцентровывать по вертикали относительно инпута - так вообще кошмар, геморрой вырастет в разы. В общем пусть ваше начальство каждый день перед сном перечитывает подпись у товарища psywalker'а.

Link to comment
Share on other sites

  • 0
я подобное создавал в form, чисто на дивах без использования таблиц, особо проблем не испытал

Наверное просто погода на сайте была хорошая. В ураган бы всё снесло нахер.

Link to comment
Share on other sites

  • 0
Наверное просто погода на сайте была хорошая. В ураган бы всё снесло нахер.

незнаю, я привык в работе по-максимуму использовать дивы без таблиц из принципа, а это сделать без таблиц элементарно...

Link to comment
Share on other sites

  • 0
дивы без таблиц из принципа

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy