Лучшее руководство по Форма Фонд в 2024 году. В этом руководстве вы можете изучить этикетка,Fieldset,Состояние ошибки,

Форма Фонд

Формы контроля Foundation автоматически устанавливается в глобальный стиль:

Все <textarea> , <select> и <input> ширина элемента 100%, а с запасом, обивка, тень питьевой эффект движения мыши.

примеров

<Форма>
Входной сигнал:
<Тип входного = "текст" заполнитель = "Name">

Textarea:
<TEXTAREA строк = "4" заполнитель = "Адрес"> </ TextArea>

Выберите:
<Выбрать>
<Option> 1 </ вариант>
<Option> 2 </ вариант>
<Option> 3 </ вариант>
<Option> 4 </ вариант>
</ Select>
</ Форма>

Попробуйте »

этикетка

Используйте форму <label> элемент , чтобы установить метку, метка может быть добавлена для атрибутов и атрибутов ID. Получить окно ввода пользователя в фокусе, когда поле ввода или нажмите на вкладку:

примеров

<Форма>
<Ярлык = "имя"> Input
<Тип входного = "текст" заполнитель = "Name" ID = "имя">
</ Label>

<Ярлык = "адр"> Этикетка
<TEXTAREA строк = "4" заполнитель = "Адрес" ID = "адр"> </ TextArea>
</ Label>

<Ярлык = "номер"> Выбрать
<Выбрать ID = "Num">
<Option> 1 </ вариант>
<Option> 2 </ вариант>
<Option> 3 </ вариант>
<Option> 4 </ вариант>
</ Select>
</ Label>
</ Форма>

Попробуйте »

Если вам необходимо установить вкладку выравнивание по правому краю, вы можете использовать .right категории:

примеров

<Этикетка класс = "вправо">

Попробуйте »

Fieldset

Фонд Предоставление <fieldset> элемент стиля следующим образом :

примеров

<Форма>
<Fieldset>
<Легенда> Fieldset Легенда </ легенда >
<Label> Имя
<Тип входного = "текст" заполнитель = "First Name ru">
</ Label>
<Label> Электронная почта
<Тип входного = "Текст" заполнитель = "Введите адрес электронной почты ru">
</ Label>
</ Fieldset>
</ Форма>

Попробуйте »

Состояние ошибки

Используйте .error класс , чтобы установить неправильный ярлык, поля ввода, текстовые поля стиль:

примеров

<Форма>
<Класс = Ярлык "ошибка"> Ошибка
<Тип входного = "текст" заполнитель = "Имя ru">
</ Label>
<Малый класс = "ошибка"> Неправильный ввод </ маленький>

<TEXTAREA строк = "4" заполнитель = "Адрес"> </ TextArea>
<Малый класс = "ошибка"> Неправильный ввод </ маленький>
</ Форма>

Попробуйте »
примечание Вам необходимо обновить статус ошибки пользовательского ввода использовать JavaScript.
Форма Фонд
10/30