Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31


Чувашия-это моя Россия


Ссылки на плагины jQuery :input.

Определение и использование. Селектор входов :input выбирает элементы формы. Этот селектор также работает с помощью кнопки элемента. Тег < input> представляет элемент формы и дает возможность создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем на страницах сайта. Свойство < input> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков, закачкм различных изображений или графики. Для тега < input> нет необходимости размещения внутри контейнера < form>, определяющего форму. Когда введенные пользователем данные должны быть отправлены на сервер, где их обрабатывает серверная программа или обработки данных с помощью клиентских приложений скриптов на языке JavaScript, тогда указывать < form> обязательно.

Связать текст с определенным элементом формы(сделать его активным) можно с помощью тега < label>.

Основной атрибут элемента < input>, определяющий вид элемента < input> есть атрибут type. Атрибут type позволяет задавать элементы формы:

      текстовое поле (text),
      поле с паролем (password), 
      переключатель (radio), 
      флажок (checkbox), 
      скрытое поле (hidden), 
      кнопка (button),
      кнопка для отправки формы (submit), 
      кнопка для очистки формы (reset), 
      поле для отправки файла (file),
      кнопка с изображением (image).

Для каждого элемента существует свой список атрибутов, которые определяют его вид и характеристики.

В HTML5 имеются десятка новых элементов:

          Атрибуты
    accept - устанавливает фильтр на типы файлов, которые можно 
                    отправить через поле загрузки файлов, то есть задает типы файлов,
                    которые могут быть переданы на сервер через поле загрузки файлов.
                    Когда тип загружаемого файла не совпадает ни с одним из типов файлов,
                    указанных в значении, тогда файл будет игнорироваться. При написании
                    нескольких значений, они должны разделяться запятой.
                             атрибут accept работает только совместн
                             о с атрибутом type="file", его возможные значения:
                          audio/* - принимаются все звуковые файлы.
                          video/* - принимаются все видео файлы.
                          image/* - принимаются все файлы изображений.
                          MIME_тип - принимается допустимый MIME-тип без параметров.
                                  не рекомендуется использовать этот атрибут, как инструмент
                                  для проверки типа загружаемого файла, так как загруженные 
                                  файлы должны проверятся на сервере.
    accesskey - переход к элементу с помощью комбинации клавиш,
    align - определяет выравнивание изображения,
    alt - альтернативный текст для кнопки с изображением,
    autocomplete - включает или отключает автозаполнение, то есть определяет,
                          будет ли включено автозаполнение для поля ввода данных:
                                 on - браузер автоматически показывает значения
                                       вводимые ранее пользователем (значение по умолчанию).
                                 off - пользователь должен вводить значения для поля
                                       при каждом использовании формы, ранее вводенные 
                                       значения показываться не будут.
    autofocus - устанавливает фокус в поле формы,
    border - толщина рамки вокруг изображения,
    checked - предварительно активированный переключатель или флажок,
    disabled - блокирует доступ и изменение элемента,
    form - связывает поле с формой по её идентификатору,
    formaction - определяет адрес обработчика формы,
    formenctype - устанавливает способ кодирования данных формы при их
                         отправке на сервер, то есть определяет способ кодирования
                         данных формы при отправке на сервер. Может использоваться 
                         только совместно с атрибутом method="post" элемента < form>. 
                         Возможные значения:
                                 application/x-www-form-urlencoded - значение по умолчанию: 
                                                   символы кодируются перед отправкой
                                                   (пробелы преобразуются в символ "+",
                                                   а специальные символы в значения ASCII HEX).
                                 multipart/form-data - символы не кодируются. Используется для 
                                                   элементов < input>, у которых в атрибуте type
                                                   установлено значение "file".
                                 text/plain - пробелы преобразуются в символ "+", не кодирует
                                              в шестнадцатеричные значения спецсимволы, как апострофы.
                                          атрибут formenctype используется только совместно
                                          с type="submit" или type="image", переопределяет
                                          атрибут enctype элемента < form>.
    formmethod - сообщает браузеру каким методом следует передавать данные
                        формы на сервер, то есть определяет https метод для отправки данных 
                        на указанный URL (для type="submit" и type="image"):
                     get - данные формы добавляются в конце
                           URL-адреса: URL-адрес?имя=значение?имя=значение 
                           (значение по умолчанию).
                     post - отправляет данные формы, как https после транзакции.
                               атрибут formmethod может использоваться только совместно с type="submit
                               " или type="image", и переопределяет атрибут method элемента < form>.
    formnovalidate - отменяет встроенную проверку данных на корректность,
    formtarget - определяет окно или фрейм в которое будет загружаться результат,
                   возвращаемый обработчиком формы, то есть определяет имя фрейма 
                   или ключевое слово, которое указывает место для отображения ответа,
                   полученного после отправки формы:
                     _blank - открывает документ в новом окне или вкладке.
                     _self - открывает документ в той же директории,
                             где располагается ссылка (значение по умолчанию).
                     _parent - открывает документ в родительском фрейме.
                     _top - открывает документ во всю ширину окна.
                             имя_фрейма - открывает документ в iframe, 
                             имя которого было указано в качестве значения.
                             атрибут formtarget может использоваться тольк
                             о совместно с type="submit" или type="image",
                             переопределяет атрибут target элемента < form>.
    list - указывает на список вариантов, которые можно выбирать при вводе текста,
    max - верхнее значение для ввода числа или даты,
    maxlength - максимальное количество символов разрешенных в тексте,
    min - нижнее значение для ввода числа или даты,
    multiple - позволяет загрузить несколько файлов одновременно,
    name - имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать,
    pattern - устанавливает шаблон ввода,
    placeholder - выводит подсказывающий текст,
    readonly - устанавливает, что поле не может изменяться пользователем,
    required - обязательное для заполнения поле,
    size - ширина текстового поля,
    src - адрес графического файла для поля с изображением,
    step - шаг приращения для числовых полей,
    tabindex - определяет порядок перехода между элементами с помощью клавиши Tab,
    type - сообщает браузеру, к какому типу относится элемент формы,
           По умолчанию браузеры используют < input type="text">, если не указано другое
           или неизвестное значение атрибута type. Браузеры, не поддерживающие новые значения
           заменят значением по умолчанию и отобразят обычное текстовое поле ввода.
              button - определяет активную кнопку ( используется с JavaScript для активации скрипта).
              checkbox - определяет элементы управления флажки. 
                         Можно установить сразу несколько флажков.
                         Это отличает флажки от радио-кнопок (type="radio").
              color - генерирует палитру цветов, давая возможность пользователям
                      выбирать значения цветов в шестнадцатеричном формате.
              date - позволяет получить доступ к встроенному в браузер виджету выбора даты.
              datetime - определяет элемент управления датой и временем 
                         (год, месяц, день, час, минута, секунда и доли секунды,
                          основанный на часовом поясе UTC).
              datetime-local - определяет элемент управления датой и временем 
                         (год, месяц, день, час, минуты, секунды и доли секунды
                                   без часового пояса).
              email - определяет поле для адреса электронной почты.
              file - определяет элемент управления с кнопкой "Обзор",
                     для выбора и загрузки файлов.
              hidden - определяет скрытые поля ввода.
              image - определяет изображение, как кнопку для отправки.
              month - позволяет выбрать один месяц, после чего обеспечит 
                      ввод данных в виде года и месяца (например: 2014-05).
              number - определяет поле для ввода чисел.
              password - определяет поле для ввода пароля.
              radio - создает радио-кнопки, которые являются взаимоисключающими,
                        если выбрать одну радио-кнопку, то все остальные становятся неактивными.
              range - создает элемент управления ползунок, диапазон ползунка
                      по умолчанию - от 0 до 100. Для изменения диапазона используются 
                      атрибуты min и max с желаемыми значениями. Данный элемент 
                      управления не отображает текущее значение.
              reset - определяет кнопку сброс (сбрасывает все поля формы в значения по умолчанию).
              search - определяет текстовое поле для ввода строки поиска.
              submit - определяет кнопку "Отправить".
              tel - определяет поле для ввода телефонного номера.
              text - определяет однострочное текстовое поле (ширина по умолчанию составляет 20 символов).
              time - допускает ввод значений в 24-часовом формате, например: 12:34.
              url - определяет поле для ввода URL-адреса.
              week - позволяет выбрать одну неделю, после чего обеспечит
                     ввод данных в формате года и недели (например: 2014-W15).
    value - значение элемента, обязательно должно присутствовать при type="checkbox" и type="radio".

Синтаксис:

 
                 $(":input")

ПРИМЕР

Составляем программу

 
< !DOCTYPE html>
< html>
< head>
< script>
$(document).ready(function(){
  $(":input").css("background-color","#ffffef");
});
< /script>
< /head>
< body>
< form action="">
Имя: < input type="text" name="user">< br>
Пароль: < input type="password" name="password">< br>
< button type="button">Бесполезная Кнопка< /button>
< input type="button" value="Еще одна бесполезная кнопка">< br>
< input type="reset" value="Сброс">
< input type="submit" value="Отправить">< br>
< /form>
< /body>
< /html>                                                                       

Результат выполнения программы:

Имя:
Пароль:


то есть без ущерба для программы можно оформить так:

Имя:
Пароль:




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: