HTML5, входен елемент - част 1

Съдържание
Един от най -важните елементи в HTML документ е елементът вход тъй като това е основният източник на захранване, който имаме за потребителя, в този урок ще видим малко по -задълбочено как да работим с този елемент и характеристиките, които има, както и атрибутите, които можем да използваме от HTML5.
Въвеждане на текст
The въвеждане на текст, това е най -основната форма на входния елемент, позволява ни да заснемем буквено -цифров обикновен текст и всеки специален знак, въпреки че въвеждането не е лошо, понякога се налага да филтрираме малко повече, за да получим данните, от които наистина се нуждаем.
Нека да видим специалните атрибути, които можем да използваме с този елемент, когато работим като текстов тип.
  • dirname: Този атрибут не е нов за HTML5, този атрибут обаче ни позволява да променим посоката на въвеждане на текст или отдясно наляво, или отляво надясно, което обикновено използваме в западния език.

Коментар:

Публикувай коментар

  • списък: Този атрибут е нов в HTML5 и ни дава възможност да посочим идентификатора на елемент даталист Мога да присвоявам стойности на този елемент.
 Начална страница: 
  • максимална дължина: Още един стар познат на HTML, Не е нов, но е много полезен, тъй като ни позволява да ограничим максималния брой знаци, които входът приема, пример е, когато приемаме 3-буквени кодове, поставяме този атрибут със стойност 3 и когато се опитваме да въведем четвърто писмо не е, просто бих написал.


  • модел: Ново в HTML5 ни позволява да въвеждаме шаблони за регулярни изрази, за да можем да добавим ново ниво на валидиране, без да използваме допълнителни езици.
 Номер на частта: 
  • заместител: Нов в HTML5, Това е визуална помощ, която ни позволява да въведем текст, който ще се появи в рамките на въведения текст, казващ малко помощ за потребителя, например ако въвеждащ текст е за въвеждане на име и фамилия, бихме могли да поставим заместител „Въведете име и фамилия, разделени с интервал“, разбира се коригирайки стиловете така, че всичко да изглежда естетически правилно.

Ям:

  • Само за четене: Този атрибут не е нов в HTML5, той ни позволява да накараме потребителя да не може да въвежда данни или да редактира съдържанието на полето, което има този атрибут.

  • изисква се: Нов в HTML5, Този атрибут ни позволява да посочим, ако входът е празен, формулярът все още не трябва да бъде изпратен, като по този начин се налага задължителният характер на неговото попълване, като по този начин повишаваме друго ниво на валидиране.

Имейл адрес:

  • размер: Помага ни да уточним ширината на входния елемент, този атрибут не е нов, но е много важен, тъй като ни помага да дадем по -добра визуализация на текста, който потребителят трябва да въведе, освен че ни помага естетично да създадем хомогенен полета за въвеждане, за да можете да ги поставите с ширина, по -голяма от тази, която се въвежда по подразбиране.
 
  • стойност: Това не е ново в HTML5, този атрибут ни позволява да поставяме стойности във въведен текст, той е различен от заместителя, тъй като това, което е в стойността, зададено при изпращане, ако би било изпратено като съдържание на елемента, е доста използвано за попълнете формуляр със съдържание, което е донесено от базата данни, когато използваме сървърния език.
 

В следващата част на урока ще видим някои практически примери за това как да използваме някои от тези атрибути.
Актуализация: Част 2 от този урокХареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка

Така ще помогнете за развитието на сайта, сподели с приятелите си

wave wave wave wave wave