ХТМЛ5 елементи за обрасце и податке

Преглед садржаја
ХТМЛ5 укључује нове елементе који олакшавају стварање поља података која су у многим случајевима морала бити програмирана помоћу јавасцрипта или додати спољну библиотеку на језику који би омогућио проширење могућности елемената кхтмл и хтмл4.
Многи програмери настављају да раде на традиционалан начин јер то подржава већина прегледача, а најновија побољшања подржавају само новије верзије.
ХТМЛ5 нуди скуп нових атрибута за атрибут типа улазног елемента, односно већину елемената обрасца, попут текстуалних оквира.
Неки од ових добро познатих хтмл атрибута су:
Тип уноса = текст - Текстуални оквир
тип уноса = лозинка - Поље лозинке које скрива лозинку звездицама.
Тип уноса = пошаљи - Дугме за слање образаца
РЕГИСТАР ТИПА БРОЈА
Елемент који садржи атрибут броја типа, омогућава не само да се утврди да је унета вредност нумеричка, већ и да се ограничи између максималног и минималног, на слици можемо видети како има и валидацију без потребе за програмирањем било чега

Изворни код за пример коришћења овог атрибута је следећи
 Тип броја

Тип броја

Број пролаза (1-40):
ДАТУМ ТИП АТРИБУТ (ДАТЕ)
Атрибут типа датума користи се за поља у којима је потребно да садржи датум. У зависности од прегледача и подршке коју нуде, изгледа да ће контрола календара моћи да изабере датум.

АТРИБУТ ТИПА БОЈЕ
Атрибут врсте боје се користи за поља у којима је потребно да садржи боју. У зависности од прегледача и подршке коју нуде, изгледа да контрола типа бирача боја може да изабере боју или упише боју у хексадецималном облику. Селектор ће се појавити као искачући прозор када се кликне на боју.

Тип боје

Одаберите боју:

АТРИБУТ ТИПА Е -ПОШТЕ
Атрибут врсте е -поште користи се за поља у којима је потребно да садржи е -поруку. У зависности од претраживача и подршке коју нуде, потврдиће се да унети текст има формат е -поште, у супротном ће се појавити порука о грешци, што ће олакшати валидацију обрасца без програмирања.

Тип е -поште

Унесите адресу е -поште:

УРЛ ТИП АТРИБУТ
Атрибут типа урл се користи за поља где је потребно да садржи домен, урл. У зависности од претраживача и подршке коју нуде, потврдиће се да унети текст има формат домена, али ће се појавити порука о грешци, што ће олакшати валидацију обрасца без програмирања. Не мора да садржи хттп или ввв. У том случају, ако нам је потребно, мораћемо да га потврдимо кроз програмирање.

Врста УРЛ -а

Унесите адресу е -поште:

АТРИБУТИ И СВОЈСТВА ЗА ХТМЛ5
1. Атрибут аутоматског довршавања
Када уписујемо у поље обрасца, откривамо да ће нам прегледач генерално дати могућност да аутоматски довршимо оно што у том тренутку пишемо текстом са којим смо већ писали раније, то може створити безбедносне проблеме јер, на пример, ако пишемо неколико е -порука јер је рачунар користио други корисник, могли бисмо писати да видимо податке које је унео други корисник. У примеру деактивирамо аутоматско довршавање у пошти, али не и у другим пољима. Такође се може онемогућити из прегледача, али многи корисници не знају да та опција постоји или како да онемогући аутоматско довршавање.

Атрибут аутоматског довршавања

Име:
Е-маил:
Видимо да приликом уноса речи Аутоматско довршавање и подношења приликом каснијег приступа истом обрасцу и притискањем само слова А, у овом случају већ предлаже реч коју смо претходно написали.

2. Атрибут аутофокуса
Овај атрибут се користи да означи у који облик обрасца треба поставити курсор приликом учитавања веб странице, ако није присутан, почет ће са првим који пронађе. Ово се такође може програмирати помоћу јКуери -ја да се по потреби усредсреди на различите контроле.

3. Атрибут обрасца
Овај атрибут је веома користан за управљање елементима изван обрасца, без обзира на то где се налази у структури веба.

Атрибут обрасца

Производ:
Опис:

Лорем Ипсум је једноставно лажни текст штампарске и словословне индустрије.

Лорем Ипсум је једноставно лажни текст штампарске и словословне индустрије.

Лорем Ипсум је једноставно лажни текст штампарске и словословне индустрије.

Акција:
У изворном ХТМЛ коду можемо видети да смо креирали образац за унос података о производу, затим неки текст објашњења и на крају смо ставили текстуално поље за залиху изван обрасца, али га повезујемо са овим обрасцем преко његовог идентификационог ИД -а = "ФормА" у текстуално поље ставит ћемо да га повезујемо са форм форм = "формА", на овај начин ће приликом слања обрасца бити послати и сви повезани елементи.
4. Атрибут ФормАцтион
Овај атрибут је врло користан за слање истог обрасца на различите странице, нешто што је претходно морало бити програмирано у јавасцрипт -у и слање параметара свих елемената обрасца да би се могло прослиједити, у неким случајевима то је постало врло гломазно, посебно ако постојало је више облика који су зависили један од другог.
Узимамо пример претходног случаја помоћу дугмета који шаљемо образац на страницу рецорд.пхп, а другим на стоцк.пхп

Атрибут обрасца

Производ:
Опис:

Лорем Ипсум је једноставно лажни текст штампарске и словословне индустрије.

Лорем Ипсум је једноставно лажни текст штампарске и словословне индустрије.

Лорем Ипсум је једноставно лажни текст штампарске и словословне индустрије.

Шток: Имаге аттрибуте витх субмит Ако желимо да користимо слику као дугме за слање за слање обрасца, једини начин да то учинимо био је да ставимо слику или користимо цсс листове стилова, а затим да то учинимо помоћу јавасцрипта.

Атрибут типа слике

Производ:
Опис:

5. Лист и атрибут Даталист
Овај атрибут вам омогућава да дефинишете листу у елементу, а затим је примените на улазни елемент тако да изврши претрагу док куцамо.

Атрибут листе и врсте података

Видимо да се приликом писања само једног слова у овом случају ф приказује листа са пронађеним могућностима, што је веома корисно јер врши филтрирање података које садржи дататалист и може се поново користити у другим контролама или елементима.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен

Ви ће помоћи развој сајта, дељење страницу са пријатељима

wave wave wave wave wave