создание многоколоночных форм

Question

Я планирую создать форму из нескольких столбцов, по крайней мере, от 5 до 6 полей.

Каков наилучший подход для этого с использованием плавающих элементов CSS? или используя таблицы с CSS. Поскольку форма будет довольно длинной по крайней мере около 50 строк. Он может иметь флажки, радио, просто текст и поля ввода. Любой образец или примеры там? или любые инструменты, которые можно использовать, чтобы сделать это на лету (не ища ткача мечты или подобного типа)

вот примерный макет формы, как это будет:

Fieldname1 ,Fieldname2 ,Fieldname3 ,Fieldname4 ,Fieldname5
inputbox1(checkbox),  text,  inputbox3, inputbox4, inputbox5 

Спасибо

Answer 1

Если вы генерируете страницу динамически, легко использовать библиотеки для алгоритмической генерации формы из языка программирования, который вы используете. Например, deform в Python. Это в основном избавляет вас от необходимости самостоятельно писать HTML-код на пятьдесят строк.

Кроме того, вы можете использовать библиотеку JavaScript, такую ​​как jQuery, для добавления строк в пользовательский интерфейс (с помощью кнопки «добавить еще одну запись»).

Вы можете использовать таблицы или CSS; Ваше решение здесь не имеет значения. Таблицы будут концептуально менее сложными, и поэтому я бы выбрал их первым, но если вы хотите динамически добавлять строки, разные браузеры могут вести себя непредсказуемо, поскольку таблицы не всегда ведут себя хорошо, когда вы манипулируете ими после начальной загрузки страницы. 1008 *

Answer 2

разделяет столбцы в тегах <fieldset>, затем присваивает им фиксированные width и float их.

Вот пример:

HTML

 <form>
     <fieldset>
         <input />
         <input />
     </fieldset>
     <fieldset>
         <input />
         <input />
     </fieldset>
 </form>

CSS

form { width:100% }
fieldset { width:25%; float:left }

Answer 3

Я думаю, вам нужна программа, которая поможет вам создать персонализированную форму.

Попробуйте php форм , вам будет легко работать в этой программе, потому что в ней есть видео, которое полностью описывает процесс создания форм.