<MyRusakov.ru />

WordPress 4. Пример создания блога

WordPress 4. Пример создания блога

Видеокурс "WordPress 4. Пример создания блога" научит Вас создавать любые сайты на самой популярной CMS - WordPress.

В курсе Вы узнаете абсолютно всё, что необходимо для успешного создания любых сайтов на WordPress, а также увидите пример создания реального блога.

После создания блога он размещается в Интернете, опять же на Ваших глазах. Таким образом, приобретя данный курс, Вы, не обладая никакими знаниями по созданию сайтов, уже сможете их делать, а также выкладывать в Интернет.

Курс очень простой и проходится за один вечер, а знания останутся с Вами навсегда.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

HTML 5 атрибуты для работы с полями формы.

HTML 5 атрибуты для работы с полями формы.

Сегодня мы с вами разберём несколько новых атрибутов, появившихся в HTML5 для полей формы.

Placeholder

Атрибут placeholder позволяет без скриптов написать текст в поле, который будет появляться, когда нет фокуса, и исчезать, когда фокус есть.

<html>
<head>
  <title>placeholder</title>
  <meta charset="utf-8">
</head>
<body>
  <input type="text" placeholder="Какой-то текст">
</body>
</html>

Autofocus

Этот атрибут позволяет установить фокус в любое поле сразу при загрузке страницы. Например, вы можете это наблюдать, когда заходите в поисковик.

<html>
<head>
  <title>autofocus</title>
  <meta charset="utf-8">
</head>
<body>
  <input type="text" autofocus>
  <input type="text">
  <input type="text">
</body>
</html>

Несмотря на то, что у нас 3 поля, фокус будет в первом.

Required

Атрибут required позволяет сделать поле обязательным для заполнения. Это бывает очень удобно при проверке форм до отправки.

<html>
<head>
  <title>required</title>
  <meta charset="utf-8">
</head>
<body>
  <input type="text" required>
  <input type="submit" value="Отправить">
</body>
</html>

Попробуйте оставить поле пустым и нажать кнопку "Отправить".

Autocomplete

При использовании этого атрибута, когда пользователь начнёт вводить что-то в поле, браузер предложит ему значения, которые он когда-то вводил раньше. Если вы не хотите этого, поставьте значение off.

<html>
<head>
  <title>autocomplete</title>
  <meta charset="utf-8">
</head>
<body>
  <input type="text" autocomplete="on">
</body>
</html>

Pattern

Если вы знакомы с регулярными выражениями, то этот атрибут поможет вам облегчить проверку форм. После того, как пользователь введёт данные, браузер сверится с регулярным выражением в данном атрибуте и, если что-то не так, сообщит об этом.

<html>
<head>
  <title>pattern</title>
  <meta charset="utf-8">
</head>
<body>
  <input type="text" pattern="[0-7]">
</body>
</html>

Datalist

Атрибут datalist позволяет при вводе данных подсказать пользователю возможные значения.

<html>
<head>
  <title>datalist</title>
  <meta charset="utf-8">
</head>
<body>
  <input type="text" list="cities">
  <datalist id="cities">
   <option>Петрозаводск</option>
   <option>Москва</option>
   <option>Санкт-Петербург</option>
   <option>Воронеж</option>
   <option>Нижний Новгород</option>
  </datalist>
</body>
</html>

В datalist вы пишите возможные варианты и id, который указываете в атрибуте list. Теперь попробуйте начать вводить одно из названий городов.

Итак, в этой статье мы с вами разобрали основные атрибуты для работы с полями формы в HTML5.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (2):

MichaLem MichaLem 13.01.2015 09:55:24

+respect za stat'u!

Ответить

Eugene_Stone Eugene_Stone 14.07.2015 15:55:14

А как сделать так, чтобы атрибут datalist не учитывал регистр? Если в атрибуте указано слово-"Свойство", а я пишу в форме -"свойство", то значения не выпадают

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.