HTML5+-+Видови+на+влез

//Претходно: //Семантички елементи //Следно: //Форма Елементи //Почетoк: // HTML5 Tуторијал

HTML5 нови видови на влез
HTML 5 има повеќе нови влезни видови за форми. Овие нови карактеристики дозволуваат подобра контрола и валидација. Новите влезни видови се:
 * color
 * date
 * datetime
 * datetime-local
 * email
 * month
 * number
 * range
 * search
 * tel
 * time
 * url
 * week

Влезен вид: color
Oвој влез се користи во полиња што треба да содржат боја

__Пример__
Одбери боја
 * Select your favorite color: 

Влезен вид: date
Овој влез му овозможува на корисникот да селектира датум

__Пример__
Дефинирај датум
 * Birthday: 

Влезен вид: datetime
Овој влез му овозможува на корисникот да селектира дата и час (со временска зона)

__Пример__
Дефинирај дата и час (и временска зона)
 * Birthday (date and time): 

Влезен вид: datetime-local
Овој влез му овозможува на корисникот да внесе датум и час (без временска зона)

__Пример__
Дефинирај дата и час (без временска зона)
 * Birthday (date and time): 

Влезен вид: email
Овој влез се користи за полиња што би требало да содржат e-mail адреса.

__Пример__
Дефинирај поле за e-mail адреса (автоматски ке биде потврдена)
 * E-mail: 

Влезен вид: month
Влезот за месец му овозможува на корисникот да селектира месец и година

__Пример__
Дефинирај месец и година(без временска зона)
 * Birthday (month and year): 

Влезен вид: number
Oвој влез се користи за полиња кои треба да содржат нумеричка вредност Исто така може да се направи рестрикција кои броеви да се прифаќаат

__Пример__
Дефинирај нумеричко поле (со рестрикција) За рестрикции се користат следните атрибути:
 * Quantity (between 1 and 5): 
 * Мах – ја специфицира најголемата дозволена вредност
 * Min – ја специфицира најмалата дозволена вредност
 * Step – специфицира број на интервали
 * Value – Специфицира одредена вредност

Влезен вид: range
Влезот range се користи за полиња кои треба да содржат вредност од oпсег на броеви. И тука може да се постават рестрикции

__Пример__
Дефинирај контрола за внес на бројки чија точна вредност не е важна (слајдер)
 * 

Влезен вид:search
Влезот search се користи за полиња за пребарување

__Пример__
Дефинирај поле за пребарување
 * Search Google: 

__Пример__
Дефинирај поле за внес на телефонски број
 * Telephone: 

Влезен вид: time
Му дозволува на корисникот да селектира време

__Пример__
Дефинирај контрола за внес на време (без временска зона)
 * Select a time: <input type="time" name="usr_time">

Влезен вид:url
Се користи за полиња кои треба да содржат URL адреса. Вредноста на url полето автоматски се потврдува кога е пополнето.

__Пример__
Дефинира поле за внес на URL
 * Add your homepage: <input type="url" name="homepage">

Влезен вид:week
Му овозможува на корисникот да селектира седмица и година

__Пример__
Дефинирај влез за седмица и година (без временска зона)
 * Select a week: <input type="week" name="week_year">

HTML5 ознака

 * **Oзнака** || **Опис** ||
 * || Дефинира контрола за влез ||

//<span style="color: #ff0000; font-family: Arial,Helvetica,sans-serif; font-size: 13px;">Претходно: //<span style="font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 1.5;">Семантички елементи //<span style="color: #ff0000; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 1.5;">Следно: //<span style="font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 1.5;">Форма Елементи <span style="color: #ff0000; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 1.5;">//Почетoк:// <span style="font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 1.5;">HTML5 Tуторијал