Форма Фонд
Формы контроля Foundation автоматически устанавливается в глобальный стиль:
Все <textarea> , <select> и <input> ширина элемента 100%, а с запасом, обивка, тень питьевой эффект движения мыши.
примеров
<Форма>
Входной сигнал:
<Тип входного = "текст" заполнитель = "Name">
Textarea:
<TEXTAREA строк = "4" заполнитель = "Адрес"> </ TextArea>
Выберите:
<Выбрать>
<Option> 1 </ вариант>
<Option> 2 </ вариант>
<Option> 3 </ вариант>
<Option> 4 </ вариант>
</ Select>
</ Форма>
Входной сигнал:
<Тип входного = "текст" заполнитель = "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>
</ Форма>
<Ярлык = "имя"> 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 ..">
</ Label>
<Label> Электронная почта
<Тип входного = "Текст" заполнитель = "Введите адрес электронной почты ..">
</ Label>
</ Fieldset>
</ Форма>
<Fieldset>
<Легенда> Fieldset Легенда </ легенда >
<Label> Имя
<Тип входного = "текст" заполнитель = "First Name ..">
</ Label>
<Label> Электронная почта
<Тип входного = "Текст" заполнитель = "Введите адрес электронной почты ..">
</ Label>
</ Fieldset>
</ Форма>
Попробуйте »
Состояние ошибки
Используйте .error класс , чтобы установить неправильный ярлык, поля ввода, текстовые поля стиль:
примеров
<Форма>
<Класс = Ярлык "ошибка"> Ошибка
<Тип входного = "текст" заполнитель = "Имя ..">
</ Label>
<Малый класс = "ошибка"> Неправильный ввод </ маленький>
<TEXTAREA строк = "4" заполнитель = "Адрес"> </ TextArea>
<Малый класс = "ошибка"> Неправильный ввод </ маленький>
</ Форма>
<Класс = Ярлык "ошибка"> Ошибка
<Тип входного = "текст" заполнитель = "Имя ..">
</ Label>
<Малый класс = "ошибка"> Неправильный ввод </ маленький>
<TEXTAREA строк = "4" заполнитель = "Адрес"> </ TextArea>
<Малый класс = "ошибка"> Неправильный ввод </ маленький>
</ Форма>
Попробуйте »
 | Вам необходимо обновить статус ошибки пользовательского ввода использовать JavaScript. |
|---|