HTML. Формы ввода текста...*"``
Sunlight, 25 марта 2014 г., 20:47

 Всем привет, друзья, сегодня будет очень много информации, потому что речь пойдет о так называемых "формах". Ну, прежде всего, нужно понять, что же такое "формы", правильно? Формы дают возможность пользователям вашего сайта оставлять какую-либо информацию, возможность участвовать в опросах, писать комментарии, связываться через раздел "Обратная связь", который имеет почти каждый сайт и так далее. Подождите, тут стоит заметить, что сразу же сделать форму, которая сможет обрабатывать информацию, у вас не получится, потому что HTML - это язык разметки, а не программирования. Поэтому он позволяет сделать формы для ввода информации - не более. Для обработки введенной информации используются javascript, php и другие языки программирования. Но давайте не будем "лезть вперед батьки в пекло", пока что мы научимся создавать формы, а чуть позже узнаем, как можно обрабатывать информацию, используя, например, javascript.
 
   Итак, в html форма задается тегами < form > и < / form >. Нужно понимать и знать, что все элементы формы располагаются между этими тегами.
 
   Практически каждый тег имеет свои параметры; тег < form > - не исключение. Но пока что мы опустим их и не будем вникать в эту информацию.
 
 Давайте рассмотрим такой элемент web-страницы, как текстовое поле. Самое обычное однострочное поле, в которое можно вводить, в котором можно редактировать текст, задается тегом < input >. 
 
  (Фотография не найдена)
 
 Существует ряд параметров, таких, как:    
    name - задает имя для элемента;    
   type - задает тип элемента (text - в данном случае);    
   size - позволяет задать размер для текстового поля;     
   maxlength - позволяет указать максимальное количество символов, которое можно ввести в поле. Если желаете сделать неограниченное число символов, стоит просто не указывать этот параметр.    
   value - задает текст, который будет отображаться изначально в поле (его можно стереть), при отсутствии данного параметра поле останется пустым, таким, как на скриншоте сверху.    
   disabled - позволяет заблокировать поле от любых изменений;    
   readonly - применив этот параметр, поле станет доступно только для чтения. 
 
   Пробуем написать код, используя параметры, представленные выше:
 
   (Фотография не найдена)
 
  Если внимательно присмотреться, то можно заметить, что текст формы, которая предназначена только для чтения, можно выделить, но удалить его невозможно, а с неактивным полем ничего не сделаешь, в него невозможно вписать что-либо, скопировать текст, ничего абсолютно. 
 
   Текстовое поле для ввода пароля
   Текстовое поле для ввода пароля представляет собой точно такое же текстовое поле, которое было приведено в пример первым. Но есть отличие, которое и шифрует введенный текст специальными символами; где-то - это "*" - звездочки, где-то точки. Как же достигается такой результат? Как и у простого текстового поля, у нашего примера можно и нужно задать параметры, одним из которых является type="password" - вот в нем и всё различие. Если выше у параметра type было значение text, то теперь - password, перевести не сложно.
 
   Пример:
 
   (Фотография не найдена)
 
  Всё, друзья, на этом я закончу, в следующий раз расскажу, как сделать формы для голосования, загрузки файлов, кнопки и так далее, поэтому до встречи, не прощаюсь!
 
   Веsельчаk*"``

7 0
Просмотров: 254
Подписок на автора: 116
Поделиться

К разделу

Назад