CSS Form Frameworks?

Question

Я смотрел на пару структур HTML / CSS формы, как Uni-Form и Formy . Они обеспечивают более легкое управление HTML-формами. Мне было интересно, если кто-нибудь знает подобные. Я не ищу ни сетку CSS, ни YUI Yahoo.

Answer 1

blueprintCSS имеет плагин формы (я не знаю, можно ли его использовать отдельно, я не пытался это сделать). http://www.blueprintcss.org/

http://www.blueprintcss.org/tests/parts/forms.html

Answer 2

Базовый CSS также имеет систему форм. Я лично этим не пользовался.

Answer 3

Существует также Молчание .

Это CSS-среда "без классов", в которой вам нужен только один оператор <link> в HTML, и веб-страница будет выглядеть полностью. В частности, для форм вы получаете более законченный вид из коробки, просто включив файл CSS, и вам не нужно приписывать определенные классы элементам формы. Это также гарантирует, что ваша форма будет работать визуально нормально как на рабочем столе, так и в мобильном.

Общее представление можно получить на демонстрационной странице .

Вот также несколько примеров страниц, которые используют Tacit, и единственная работа, включенная в это, включала файл CSS: http://filfreire.com/, http://www.jare.io/, https://socatar.com/,

Answer 4

только что попробовал форму и форму .. Я хочу, чтобы что-то было немного проще, просто чтобы выглядело чисто, чтобы я мог сделать все остальное ..

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

Answer 5

• Формализация
• Униформа (отличается от Uni-Form)

Answer 6

У меня есть разработчик единого класса CSS-фреймворка только для форм. Класс «форма» может быть добавлен к любому входу формы, чтобы правильно его оформить. Вы можете увидеть примеры в документации: https://form.js.org

Вот пример формы списка рассылки:

form {
  margin: 1rem;
}

<link href="https://cdn.jsdelivr.net/npm/@codolog/form@1.0.0/dist/form.min.css" rel="stylesheet"/>

<form>
    <div>
        <div>
            <input type="email" class="form" placeholder="Enter your email">
        </div>
        <div>
            <button type="button" class="form full">Subscribe</button>
        </div>
    </div>
<form>

Answer 7

Также есть: Formy http://code.google.com/p/formy-css-framework/

Answer 8

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

Другие, кажется, больше настаивают на вертикальном типографском ритме, чем на здравом смысле и удобстве использования. :)