HTML5+-+Форма+атрибути

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

HTML5 Нови форма атрибути
HTML5 има неколку нови атрибути за и

Нови атрибути за :
 * автоматско комплетирање
 * без потврда

Нови атрибути за
 * autocomplete
 * autofocus
 * form
 * formaction
 * formenctype
 * formmethod
 * formnovalidate
 * formtarget
 * height and width
 * list
 * min and max
 * multiple
 * pattern (regexp)
 * placeholder
 * required
 * step

//** / autocomplete Атрибут**//
Атрибутот autocomplete одредува дали формата или полето за внес треба да имаат автоматско комплетирање вклучено или исклучено Кога autocomplete е вклучено, пребарувачот автоматски комплетира вредности врз основа на вредности кои корисникот претходно ги внесил. Совет: Можно е autocomplete да е вклучено за формата, а исклучено за одредени полиња за внес, или обратно. Забелешка: Autocomplete атрибутот работи со и следните типови: текст, пребарување, url, email, лозинка, datapickers, опсег и боја. __ Пример: __ HTML форма со вклучено autocomplete (и исклучено за едно поле за внес)   First name:    Last name:  E-mail:  Совет: Во некои прелистувачи може ќе треба да ја активирате функцијата autocomplete за ова да работи.

**// novalidate Атрибут//**
Атрибутот novalidate е булов атрибут. Кога е присутен, тоа наведува дека form-data (влезoт) не треба да биде потврден кога се поднесува. __ Пример __ Покажува дека формата нема да биди потврдена при достава (submit):   E-mail: 

//** autofocus Атрибут**//
Атрибутот autofocus е булов атрибут. Кога е пристуен, тоа наведува дека елементот треба автоматски да се фокусира кога страната се лоадира (oптоварува), односно вчитува. __Пример__ Нека полето за внес „First name“ автоматски се фокусира кога страната се вчитува: First name:

// form Атрибут//
Атрибутот form наведува една или повеќе форми на кои му припаѓа елементот. Совет: За да се однесуваат на повеќе од една форма, користете просторно-одвоена листа на форма ID-а. __Пример__ Полето за внес се наоѓа надвор од HTML формата (но сепак е дел формата):   First name:          Last name: 

// formaction Атрибут//
Атрибутот formaction го одредува URL-то на датотеката која ќе ја процесира контролата за влез кога формата е поднесена (submitted) Забелешка: Атрибутот formaction се користи со тип = “submit” и тип = “image” __Пример__ HTML форма со две поднесени копчиња, со различни активности:   First name:     Last name:       // ** formenctype Атрибут** //

Атрибутот formenctype специфицира како form-податоците треба да бидат кодирани кога се поднесуваат до серверот (само за форми со метода=”post”). Formenctype атрибутот го презапишува enctype атрибутот на елементот. Забелешка: formenctype атрибутот се користи со тип = “submit” и тип = “image”. __Пример:__ Испрати form-податоци кои се стандардно кодирани (првото поднесено копче), и кодирани како “multipart/form-data” (второ поднесено копче): <form action="demo_post_enctype.asp" method="post">  First name: <input type="text" name="fname">    <input type="submit" value="Submit">   <input type="submit" formenctype="multipart/form-data"   value="Submit as Multipart/form-data"> // ** formmethod Атрибут** //

Атрибутот formmethod дефинира HTTP метод за испраќање form-data (податоци) до action URL. Formmethod атрибутот го презапишува method атрибутот на елементот. Забелешка: Атрибутот formmethod може да се користи со тип = “submit” и тип = “image”. __Пример:__ Второто поднесено копче го презапишува HTTP method-от на формата: <form action="demo_form.asp" method="get">  First name: <input type="text" name="fname">    Last name: <input type="text" name="lname">    <input type="submit" value="Submit">   <input type="submit" formmethod="post" formaction="demo_post.asp"   value="Submit using POST"> // ** formnovalidate Атрибут** //

Атрибутот formnovalidate е булов атрибут. Кога е присутен, тоа специфицира дека елементот не треба да биди потврден кога ќе се поднеси. Formnovalidate атрибутот го презапишува атрибутот novalidate на елементот. Забелешка: Атрибутот formnovalidate може да се користи со тип = “submit”. __Пример__ Форма со две submit копчиња (со и без валидација): <form action="demo_form.asp">  E-mail: <input type="email" name="userid">    <input type="submit" value="Submit">    <input type="submit" formnovalidate value="Submit without validation"> // ** formtarget Атрибут** //

Атрибутот formtarget одредува име или клучен збор, кој покажува каде да се прикаже одговор дека е пристигнат после поднесувањето на формата. Formtarget атрибутот го презапишува атрибутот target на елементот. Забелешка: Атрибутот formtarget може да се користи со тип = “submit” и тип = “image” __Пример__ Форма со две submit копчиња, со различни target прозорци: <form action="demo_form.asp">  First name: <input type="text" name="fname">    Last name: <input type="text" name="lname">    <input type="submit" value="Submit as normal">   <input type="submit" formtarget="_blank"   value="Submit to a new window"> // ** height и width Атрибути** //

Атрибутите height and width одредуваат висина и ширина на елемент. Забелешка: Height и width атрибутите се користат само со <input type=”image”>. Совет: Секогаш наведете ги атрибутите висина и ширина за слики. Ако висината и ширината се поставени, потребниот простор за сликата е резервиран кога страната е лоадирана (вчитана). Меѓутоа, без овие атрибути, прелистувачот не ја знае големината на сликата, и не може да резервира соодветен простор за неа. Ефектот ќе биде дека формата на страната ќе се промени во текот на вчитувањето (додека сликата се вчитува). __Пример__ Дефинирај слика како submit копче, со атрибутите висина и ширина: <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">

// list Атрибут//
Атрибутот list се однесува на елемент кој содржи претходно дефинирани опции за елемент. __Пример__ елемент со предефинирани вредности во :      <option value="Internet Explorer">   <option value="Firefox">   <option value="Chrome">   <option value="Opera">   <option value="Safari">

// min и max Атрибути//
Атрибутите min и max ја определуваат минималната и максималната вредност за еден елемент. Забелешка: Min и max атрибутите работат со следните влезни видови: број, опсег, датум, датум и време, локални датум и време, месец, време и недела. __Пример__ елементи со min и max вредности: Enter a date before 1980-01-01:  <input type="date" name="bday" max="1979-12-31">   Enter a date after 2000-01-01:   <input type="date" name="bday" min="2000-01-02">   Quantity (between 1 and 5):   <input type="number" name="quantity" min="1" max="5">

// multiple Атрибут//
Атрибутот multiple е булов атрибут. Кога е присутен, тоа специфицира дека на корисникот му е дозволено да внесе повеќе од една вредност во елементот. Забелешка: Multiple атрибутот работи со следните типови: email и датотека. __Пример__ Датотеката прикачува поле кое прифаќа повеќе вредности: Select images: <input type="file" name="img" multiple>

// pattern Атрибут//
Атрибутот pattern го одредува регуларниот израз кој вредноста на елементот е проверена против. Забелешка: Pattern атрибутот работи со следните влезни типови: текст, пребарување, url, тел, email и лозинка. Совет: Користете го глобалниот атрибут за наслов за да ја опишете шемата (pattern) за да му се помогне на корисникот. Совет: Научете повеќе за регуларните изрази во нашиот ЈavaScript туторијал. __Пример:__ Поле за внес кое може да содржи само три букви (без броеви или специјални карактери): Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">

// placeholder Атрибут//
Атрибутот placeholder одредува кратко навестување кое ја опишува очекуваната вредност на полето за внес (на пример: примерок вредност или краток опис на очекуваниот формат). Краткиот знак се прикажува во полето за внес пред корисникот да внесе вредност. Забелешка: Атрибутот placeholder работи со следните влезни типови: текст, пребарување, url, тел, email и лозинка. __Пример__ Поле за внес со placeholder текст: <input type="text" name="fname" placeholder="First name"> // ** required Атрибут** //

Атрибутот required е булов атрибут. Кога е присутен, тоа специфицира дека полето за внес мора да биде пополнето пред поднесување на формата. Забелешка: Required атрибутот работи со следните типови за влез: текст, пребарување, url, тел, email, лозинка, собирач на датуми, број, checkbox, радио и датотека. __Пример:__ Required поле за внес: Username: <input type="text" name="usrname" required>

// step Атрибут//
Атрибутот step го одредува правилниот број на интервали за елемент. Пример: ако чекорот step=”3”, правилни броеви можат да бидат -3, 0, 3, 6, итн. Совет: Атрибутот step може да се користи заедно со атрибутите max и min за да се создаде голем број на правилни вредности. Забелешка: Step атрибутот работи со следните вредности за влез: број, опсег, датум, датум и време, локални датум и време, месец, време и седмица. __Пример__ Поле за внес со одреден правилен број интевали: <input type="number" name="points" step="3">

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