Hai Form

Text input

HTML

Data

Parametry

<hai-input
        label='Test 1'
        twin-id='test'
        name='test'
        mask='AAA-000'
        placeholder='Napište...'>
</hai-input>

mask
Typ: string	Výchozí: null	Ukázka: '000 - AAA'
Parametr pro nastavení masky textového pole. Jako masku lze využít libovolný text, přičemž některé znaky (tokeny) mohou mít speciální význam. Význam tokenů lze nastavit prostřednictvím parametru "maskTokens".

maskTokens
Typ: object	Výchozí: null	Ukázka: {'#': /\d/}
Nastavuje význam tokenů využívaných v masce. Pokud není parametr nastaven, použije se výchozí nastavení tokenů. Ukázka výchozího nastavení tokenů: `{ '0': {pattern: /\d/}, 'A': {pattern: /[a-zA-Z0-9]/}, 'S': {pattern: /[a-zA-Z]/}, '!': {escape: true} }` Upozornění: Tento parametr není možné nastavit prostřednictvím data atributu v HTML.

maxLength
Typ: integer	Výchozí: null	Ukázka: 8
Nastavuje maximální délku, kterou může text v poli mít. Upozornění: Není doporučeno souběžné používání parametrů "maxLength" a "mask".

minLength
Typ: integer	Výchozí: null	Ukázka: 3
Nastavuje minimální délku, kterou musí text v poli mít. Upozornění: Není doporučeno souběžné používání parametrů "minLength" a "mask".

placeholder
Typ: string	Výchozí: null	Ukázka: 'Vyplňte...'
Určuje placeholder daného formulářového pole.

Globální parametry

required
Typ: bool	Výchozí: undefined
Určuje, zda musí být pole vyplněno (nebo musí mít vybranou nějakou hodnotu).

label
Typ: string	Výchozí: undefined	Ukázka: 'Email'
Nastavuje popisek (label) pro dané pole. Pokud není parametr použit (není zadána hodnota), formulářové pole bude vygenerováno bez popisku.

value
Typ: string\|number	Výchozí: undefined	Ukázka: 'test'
Parametr obsahující hodnotu formulářového pole. Upozornění: Silně není doporučeno měnit parametr "value" po inicializaci pole.

Číselný input

HTML

Data

Parametry

<hai-input
        label='Test 2'
        twin-id='test2'
        name='test2'
        value='200'
        min='100'
        max='100000'>
</hai-input>

min
Typ: number	Výchozí: null	Ukázka: 0
Nastavuje minimální hodnotu, kterou může číslo zadané do pole mít.

max
Typ: number	Výchozí: null	Ukázka: 150
Nastavuje maximální hodnotu, kterou může číslo zadané do pole mít.

step
Typ: number	Výchozí: 1	Ukázka: 0.1
Určeje velikost kroku, při změně čísla v poli prostřednictvím kolečka myši nebo šipek na klávenici. Na rozdíl od atributu step v HTML neomezuje hodnoty, které může uživatel zadat ručně, tedy i při nastaveném kroku 10 může uživatel zadat číslo 7.

stripLeadingZeros
Typ: bool	Výchozí: true
Nastavuje, jestli se z čísla zadaného do pole mají automaticky odebírat počáteční nuly.

decimalSeparator
Typ: string	Výchozí: ','	Ukázka: '.'
Nastavuje znak pro oddělení desetinných čísel (tradičně desetinnou čárku nebo tečku).

delimiter
Typ: string	Výchozí: ' '	Ukázka: ','
Nastavuje znak pro oddělení číselných řádů (tisíců).

thousandsGroupStyle
Typ: string	Výchozí: 'thousand'	Ukázka: 'lakh'
Určuje, který způsob formátování čísel se má použít. Na výběr existují 3 způsoby: thousand, lakh, wan. Ukázky: thousnad: 10 000 000 lakh: 1 00 00 000 wan: 1000 0000

enableValueFormation
Typ: bool	Výchozí: true
Aktivuje nebo vypíná formátování (na základě paraetrů "delimiter", "decimalSeparator", atd.) čísel v poli.

mask
Typ: string	Výchozí: null	Ukázka: '000 - AAA'
Parametr pro nastavení masky textového pole. Jako masku lze využít libovolný text, přičemž některé znaky (tokeny) mohou mít speciální význam. Význam tokenů lze nastavit prostřednictvím parametru "maskTokens".

maskTokens
Typ: object	Výchozí: null	Ukázka: {'#': /\d/}
Nastavuje význam tokenů využívaných v masce. Pokud není parametr nastaven, použije se výchozí nastavení tokenů. Ukázka výchozího nastavení tokenů: `{ '0': {pattern: /\d/}, 'A': {pattern: /[a-zA-Z0-9]/}, 'S': {pattern: /[a-zA-Z]/}, '!': {escape: true} }` Upozornění: Tento parametr není možné nastavit prostřednictvím data atributu v HTML.

maxLength
Typ: integer	Výchozí: null	Ukázka: 8
Nastavuje maximální délku, kterou může text v poli mít. Upozornění: Není doporučeno souběžné používání parametrů "maxLength" a "mask".

minLength
Typ: integer	Výchozí: null	Ukázka: 3
Nastavuje minimální délku, kterou musí text v poli mít. Upozornění: Není doporučeno souběžné používání parametrů "minLength" a "mask".

placeholder
Typ: string	Výchozí: null	Ukázka: 'Vyplňte...'
Určuje placeholder daného formulářového pole.

Globální parametry

required
Typ: bool	Výchozí: undefined
Určuje, zda musí být pole vyplněno (nebo musí mít vybranou nějakou hodnotu).

label
Typ: string	Výchozí: undefined	Ukázka: 'Email'
Nastavuje popisek (label) pro dané pole. Pokud není parametr použit (není zadána hodnota), formulářové pole bude vygenerováno bez popisku.

value
Typ: string\|number	Výchozí: undefined	Ukázka: 'test'
Parametr obsahující hodnotu formulářového pole. Upozornění: Silně není doporučeno měnit parametr "value" po inicializaci pole.

Url input

HTML

Data

Parametry

<hai-input
        label='Test 3'
        twin-id='test3'
        name='test3'
        type='url'>
</hai-input>

allowedSchemes
Typ: array	Výchozí: ['http', 'https']	Ukázka: ['ftp']
Určuje povolené protokoly, kterými může URL začínat.

defaultScheme
Typ: string\|null	Výchozí: 'http'	Ukázka: 'https'
Nastavuje výchozí protokol, který bude automaticky doplněn, pokud URL zadaná do pole nebude žádný protokol obsahovat. Hodnota null znamená deaktivaci funkce automatického doplnění protokolu.

requireHost
Typ: bool	Výchozí: true
Udává, jestli musí URL obsahovat hosta, to jest doménu nebo IP. Nutno vypnout v situaci, kdy chcete povolit kupříklad zadávání datových URL (například "data:,Ahoj").

allowPart
Typ: object	Výchozí: viz popis
Objekt udávající povolení nebo naopak zákaz jednotlivých částí URL, jak se specifikuje kupříkladu Wikipedie. Výchozí nastavení je následující: `{ userInfo: false, port: false, path: true, query: true, fragment: false }`

stripPart
Typ: object	Výchozí: viz popis
Objekt s nastavením částí, které se mají z URL zadané do pole automaticky oříznout. Toto lze nastavit pouze pro parametry dotazu a pro fragment. Výchozí nastavení je následující: `{ query: false, fragment: true }`

mask
Typ: string	Výchozí: null	Ukázka: '000 - AAA'
Parametr pro nastavení masky textového pole. Jako masku lze využít libovolný text, přičemž některé znaky (tokeny) mohou mít speciální význam. Význam tokenů lze nastavit prostřednictvím parametru "maskTokens".

maskTokens
Typ: object	Výchozí: null	Ukázka: {'#': /\d/}
Nastavuje význam tokenů využívaných v masce. Pokud není parametr nastaven, použije se výchozí nastavení tokenů. Ukázka výchozího nastavení tokenů: `{ '0': {pattern: /\d/}, 'A': {pattern: /[a-zA-Z0-9]/}, 'S': {pattern: /[a-zA-Z]/}, '!': {escape: true} }` Upozornění: Tento parametr není možné nastavit prostřednictvím data atributu v HTML.

maxLength
Typ: integer	Výchozí: null	Ukázka: 8
Nastavuje maximální délku, kterou může text v poli mít. Upozornění: Není doporučeno souběžné používání parametrů "maxLength" a "mask".

minLength
Typ: integer	Výchozí: null	Ukázka: 3
Nastavuje minimální délku, kterou musí text v poli mít. Upozornění: Není doporučeno souběžné používání parametrů "minLength" a "mask".

placeholder
Typ: string	Výchozí: null	Ukázka: 'Vyplňte...'
Určuje placeholder daného formulářového pole.

Globální parametry

required
Typ: bool	Výchozí: undefined
Určuje, zda musí být pole vyplněno (nebo musí mít vybranou nějakou hodnotu).

label
Typ: string	Výchozí: undefined	Ukázka: 'Email'
Nastavuje popisek (label) pro dané pole. Pokud není parametr použit (není zadána hodnota), formulářové pole bude vygenerováno bez popisku.

value
Typ: string\|number	Výchozí: undefined	Ukázka: 'test'
Parametr obsahující hodnotu formulářového pole. Upozornění: Silně není doporučeno měnit parametr "value" po inicializaci pole.

Switch input

HTML

Data

Parametry

<hai-input
        label='Test 3'
        twin-id='test3'
        name='test3'
        type='url'>
</hai-input>

variant
Typ: string	Výchozí: 'on/off'	Ukázka: 'multiple'
Určuje variantu přepínače. Na výběr jsou 2: dvoustavová ('on/off') a vícestaavová ('multiple'). Pokud jsou přes parametr 'options' zadány více než 2 přepínatelné možnosti, je parametr 'variant' ignorován a automaticky se používá varianta 'multiple'.

options
Typ: array	Výchozí: ['', 'on']	Ukázka: ['0', '1']
Nastavuje možnosti, mezi kterými může uživatel v poli přepínat. Může být zadáváno dvěma způsoby, buď prostřednictvím pole textových řetězců, nebo objektů. Pole lze použít jen ve variantě 'on/off', kdy přepínač nepotřebuje popisky pro jednotlivé hodnoty. Obě položky pole jsou považovány za skutečné hodnoty (value). Druhým způsobem zadání položek přes parametr 'options' je ve formě pole objektů, který musí obsahovat položky 'value' a 'label'. Ukázka pole objektů: `[ { value: 'php', label: 'PHP' }, { value: 'js', label: 'Javascript' }, { value: 'py', label: 'Python' } ]` Poznámka: Tento parametr má přednost před parametrem 'list'. Upozornění: Tento parametr není možné nastavit prostřednictvím data atributu v HTML.

list
Typ: string	Výchozí: null	Ukázka: 'datalist-1'
Určuje ID datalistu, ze kterého se mají načíst položky, se kterými bude pole pracovat.

optionOnValue
Typ: string	Výchozí: null	Ukázka: 'on'
Ve variantě 'on/off' přepínače určuje, která hodnota má být považována za hodnotu 'zapnuto'. Pokud parametr není nastaven, je za zapnutou hodnotu považována druhá přepínatelná možnost. Ve variantě 'multiple' přepínače není parametr 'optionOnValue' nijak používán.

Globální parametry

required
Typ: bool	Výchozí: undefined
Určuje, zda musí být pole vyplněno (nebo musí mít vybranou nějakou hodnotu).

label
Typ: string	Výchozí: undefined	Ukázka: 'Email'
Nastavuje popisek (label) pro dané pole. Pokud není parametr použit (není zadána hodnota), formulářové pole bude vygenerováno bez popisku.

value
Typ: string\|number	Výchozí: undefined	Ukázka: 'test'
Parametr obsahující hodnotu formulářového pole. Upozornění: Silně není doporučeno měnit parametr "value" po inicializaci pole.

Switch input (varianta multiple)

HTML

Data

Parametry

<hai-input
        label='Test 5'
        twin-id='test5'
        name='test5'
        value='py'
        type='switch'
        list='test5-datalist'
        variant='multiple'>
</hai-input>

<datalist id='test5-datalist'>
    <option value='php'>PHP</option>
    <option value='js'>Javascript</option>
    <option value='py'>Python</option>
</datalist>

variant
Typ: string	Výchozí: 'on/off'	Ukázka: 'multiple'
Určuje variantu přepínače. Na výběr jsou 2: dvoustavová ('on/off') a vícestaavová ('multiple'). Pokud jsou přes parametr 'options' zadány více než 2 přepínatelné možnosti, je parametr 'variant' ignorován a automaticky se používá varianta 'multiple'.

options
Typ: array	Výchozí: ['', 'on']	Ukázka: ['0', '1']
Nastavuje možnosti, mezi kterými může uživatel v poli přepínat. Může být zadáváno dvěma způsoby, buď prostřednictvím pole textových řetězců, nebo objektů. Pole lze použít jen ve variantě 'on/off', kdy přepínač nepotřebuje popisky pro jednotlivé hodnoty. Obě položky pole jsou považovány za skutečné hodnoty (value). Druhým způsobem zadání položek přes parametr 'options' je ve formě pole objektů, který musí obsahovat položky 'value' a 'label'. Ukázka pole objektů: `[ { value: 'php', label: 'PHP' }, { value: 'js', label: 'Javascript' }, { value: 'py', label: 'Python' } ]` Poznámka: Tento parametr má přednost před parametrem 'list'. Upozornění: Tento parametr není možné nastavit prostřednictvím data atributu v HTML.

list
Typ: string	Výchozí: null	Ukázka: 'datalist-1'
Určuje ID datalistu, ze kterého se mají načíst položky, se kterými bude pole pracovat.

optionOnValue
Typ: string	Výchozí: null	Ukázka: 'on'
Ve variantě 'on/off' přepínače určuje, která hodnota má být považována za hodnotu 'zapnuto'. Pokud parametr není nastaven, je za zapnutou hodnotu považována druhá přepínatelná možnost. Ve variantě 'multiple' přepínače není parametr 'optionOnValue' nijak používán.

Globální parametry

required
Typ: bool	Výchozí: undefined
Určuje, zda musí být pole vyplněno (nebo musí mít vybranou nějakou hodnotu).

label
Typ: string	Výchozí: undefined	Ukázka: 'Email'
Nastavuje popisek (label) pro dané pole. Pokud není parametr použit (není zadána hodnota), formulářové pole bude vygenerováno bez popisku.

value
Typ: string\|number	Výchozí: undefined	Ukázka: 'test'
Parametr obsahující hodnotu formulářového pole. Upozornění: Silně není doporučeno měnit parametr "value" po inicializaci pole.

Select

HTML

Data

Parametry

<hai-input
        label='Test 6'
        twin-id='test6'
        name='test6[]'
        multiple
        type='select'
        list='test6-datalist'>
</hai-input>

<datalist id='test6-datalist'>
    <option value='js' data-selected>Javascript</option>
    <option value='py'>Python</option>
    <option value='php' data-selected>PHP</option>
    <option value='c#'>C#</option>
    <option value='c++'>C++</option>
    <option value='f'>F</option>
    <option value='ts'>Typescript</option>
    <option value='xml'>XML</option>
    <option value='json'>JSON</option>
    <option value='html'>HTML</option>
    <option value='shell'>Shell</option>
    <option value='markdown'>Markdown</option>
    <option value='css'>CSS</option>
</datalist>

options
Typ: array	Výchozí: null	Ukázka: viz popis
Nastavuje položky rozbalovací nabídky, které si uživatel může vybírat. Pole musí obsahovat objekty, z nich každý musí mít 'value' a 'label', zvláštní význam mají ještě 'group' pro určení skupiny, do které má položka spadat, a 'selected', která určuje, jestli má být položka vybraná. Ukázka pole objektů: `[ { value: 'php', label: 'PHP', group: 'First Group' }, { value: 'javascript', label: 'JS', group: 'First Group' }, { value: 'xml', label: 'XML', group: 'Second Group', selected: true } ]` Poznámka: Tento parametr má přednost před parametrem 'list'. Upozornění: Tento parametr není možné nastavit prostřednictvím data atributu v HTML.

optionsSource
Typ: string	Výchozí: null	Ukázka: 'data.json'
Udává adresu souboru, ze kterého se mají načíst data položek rozbalovací nabídky. Data musí být ve formátu JSON a splňovat stejou strukturu, jako když by byla zadána prostřednictvím parametru 'options'. Poznámka: Tento parametr má přednost před parametrem 'options' i před parametrem 'list'.

multiple
Typ: bool	Výchozí: false
Určuje, jestli uživatel může z nabídky vybrat více než jednu položku.

enableSearch
Typ: bool	Výchozí: true
Aktivuje nebo vypíná vyhledávání (filtrování) položek v rozbalovací nabídce.

Globální parametry

required
Typ: bool	Výchozí: undefined
Určuje, zda musí být pole vyplněno (nebo musí mít vybranou nějakou hodnotu).

label
Typ: string	Výchozí: undefined	Ukázka: 'Email'
Nastavuje popisek (label) pro dané pole. Pokud není parametr použit (není zadána hodnota), formulářové pole bude vygenerováno bez popisku.

value
Typ: string\|number	Výchozí: undefined	Ukázka: 'test'
Parametr obsahující hodnotu formulářového pole. Upozornění: Silně není doporučeno měnit parametr "value" po inicializaci pole.

Select (option groups)

HTML

Data

Parametry

<hai-input
        label='Test 7'
        twin-id='test7'
        name='test7[]'
        multiple
        type='select'
        list='test7-datalist'>
</hai-input>

<datalist id='test7-datalist'>
    <option value='py' data-group='First group'>Python</option>
    <option value='php' data-group='First group' data-selected>PHP</option>
    <option value='css' data-group='Second group'>CSS</option>
    <option value='xml' data-group='Second group'>XML</option>
    <option value='html' data-group='Second group'>HTML</option>
    <option value='js' data-group='Third group' data-selected>Javascript</option>
    <option value='c#' data-group='Third group'>C#</option>
    <option value='c++' data-group='Third group'>C++</option>
    <option value='shell' data-group='Third group'>Shell</option>
    <option value='markdown' data-group='Third group'>Markdown</option>
</datalist>

options
Typ: array	Výchozí: null	Ukázka: viz popis
Nastavuje položky rozbalovací nabídky, které si uživatel může vybírat. Pole musí obsahovat objekty, z nich každý musí mít 'value' a 'label', zvláštní význam mají ještě 'group' pro určení skupiny, do které má položka spadat, a 'selected', která určuje, jestli má být položka vybraná. Ukázka pole objektů: `[ { value: 'php', label: 'PHP', group: 'First Group' }, { value: 'javascript', label: 'JS', group: 'First Group' }, { value: 'xml', label: 'XML', group: 'Second Group', selected: true } ]` Poznámka: Tento parametr má přednost před parametrem 'list'. Upozornění: Tento parametr není možné nastavit prostřednictvím data atributu v HTML.

optionsSource
Typ: string	Výchozí: null	Ukázka: 'data.json'
Udává adresu souboru, ze kterého se mají načíst data položek rozbalovací nabídky. Data musí být ve formátu JSON a splňovat stejou strukturu, jako když by byla zadána prostřednictvím parametru 'options'. Poznámka: Tento parametr má přednost před parametrem 'options' i před parametrem 'list'.

multiple
Typ: bool	Výchozí: false
Určuje, jestli uživatel může z nabídky vybrat více než jednu položku.

enableSearch
Typ: bool	Výchozí: true
Aktivuje nebo vypíná vyhledávání (filtrování) položek v rozbalovací nabídce.

Globální parametry

required
Typ: bool	Výchozí: undefined
Určuje, zda musí být pole vyplněno (nebo musí mít vybranou nějakou hodnotu).

label
Typ: string	Výchozí: undefined	Ukázka: 'Email'
Nastavuje popisek (label) pro dané pole. Pokud není parametr použit (není zadána hodnota), formulářové pole bude vygenerováno bez popisku.

value
Typ: string\|number	Výchozí: undefined	Ukázka: 'test'
Parametr obsahující hodnotu formulářového pole. Upozornění: Silně není doporučeno měnit parametr "value" po inicializaci pole.

Select (single)

HTML

Data

Parametry

<hai-input
        label='Test 8'
        twin-id='test8'
        name='test8'
        type='select'
        list='test8-datalist'>
</hai-input>

<datalist id='test8-datalist'>
    <option value='js' data-selected>Javascript</option>
    <option value='py'>Python</option>
    <option value='php' data-selected>PHP</option>
    <option value='c#'>C#</option>
    <option value='c++'>C++</option>
    <option value='f'>F</option>
    <option value='ts'>Typescript</option>
    <option value='xml'>XML</option>
    <option value='json'>JSON</option>
    <option value='html'>HTML</option>
    <option value='shell'>Shell</option>
    <option value='markdown'>Markdown</option>
    <option value='css'>CSS</option>
</datalist>

options
Typ: array	Výchozí: null	Ukázka: viz popis
Nastavuje položky rozbalovací nabídky, které si uživatel může vybírat. Pole musí obsahovat objekty, z nich každý musí mít 'value' a 'label', zvláštní význam mají ještě 'group' pro určení skupiny, do které má položka spadat, a 'selected', která určuje, jestli má být položka vybraná. Ukázka pole objektů: `[ { value: 'php', label: 'PHP', group: 'First Group' }, { value: 'javascript', label: 'JS', group: 'First Group' }, { value: 'xml', label: 'XML', group: 'Second Group', selected: true } ]` Poznámka: Tento parametr má přednost před parametrem 'list'. Upozornění: Tento parametr není možné nastavit prostřednictvím data atributu v HTML.

optionsSource
Typ: string	Výchozí: null	Ukázka: 'data.json'
Udává adresu souboru, ze kterého se mají načíst data položek rozbalovací nabídky. Data musí být ve formátu JSON a splňovat stejou strukturu, jako když by byla zadána prostřednictvím parametru 'options'. Poznámka: Tento parametr má přednost před parametrem 'options' i před parametrem 'list'.

multiple
Typ: bool	Výchozí: false
Určuje, jestli uživatel může z nabídky vybrat více než jednu položku.

enableSearch
Typ: bool	Výchozí: true
Aktivuje nebo vypíná vyhledávání (filtrování) položek v rozbalovací nabídce.

Globální parametry

required
Typ: bool	Výchozí: undefined
Určuje, zda musí být pole vyplněno (nebo musí mít vybranou nějakou hodnotu).

label
Typ: string	Výchozí: undefined	Ukázka: 'Email'
Nastavuje popisek (label) pro dané pole. Pokud není parametr použit (není zadána hodnota), formulářové pole bude vygenerováno bez popisku.

value
Typ: string\|number	Výchozí: undefined	Ukázka: 'test'
Parametr obsahující hodnotu formulářového pole. Upozornění: Silně není doporučeno měnit parametr "value" po inicializaci pole.

Select (data from remote file)

HTML

Data

Parametry

<hai-input
        label='Test 9'
        twin-id='test9'
        name='test9'
        type='select'
        options-source='employee-data.json'>
</hai-input>

options
Typ: array	Výchozí: null	Ukázka: viz popis
Nastavuje položky rozbalovací nabídky, které si uživatel může vybírat. Pole musí obsahovat objekty, z nich každý musí mít 'value' a 'label', zvláštní význam mají ještě 'group' pro určení skupiny, do které má položka spadat, a 'selected', která určuje, jestli má být položka vybraná. Ukázka pole objektů: `[ { value: 'php', label: 'PHP', group: 'First Group' }, { value: 'javascript', label: 'JS', group: 'First Group' }, { value: 'xml', label: 'XML', group: 'Second Group', selected: true } ]` Poznámka: Tento parametr má přednost před parametrem 'list'. Upozornění: Tento parametr není možné nastavit prostřednictvím data atributu v HTML.

optionsSource
Typ: string	Výchozí: null	Ukázka: 'data.json'
Udává adresu souboru, ze kterého se mají načíst data položek rozbalovací nabídky. Data musí být ve formátu JSON a splňovat stejou strukturu, jako když by byla zadána prostřednictvím parametru 'options'. Poznámka: Tento parametr má přednost před parametrem 'options' i před parametrem 'list'.

multiple
Typ: bool	Výchozí: false
Určuje, jestli uživatel může z nabídky vybrat více než jednu položku.

enableSearch
Typ: bool	Výchozí: true
Aktivuje nebo vypíná vyhledávání (filtrování) položek v rozbalovací nabídce.

Globální parametry

required
Typ: bool	Výchozí: undefined
Určuje, zda musí být pole vyplněno (nebo musí mít vybranou nějakou hodnotu).

label
Typ: string	Výchozí: undefined	Ukázka: 'Email'
Nastavuje popisek (label) pro dané pole. Pokud není parametr použit (není zadána hodnota), formulářové pole bude vygenerováno bez popisku.

value
Typ: string\|number	Výchozí: undefined	Ukázka: 'test'
Parametr obsahující hodnotu formulářového pole. Upozornění: Silně není doporučeno měnit parametr "value" po inicializaci pole.

File

HTML

Data

Parametry

<hai-input
        label='Test 10'
        twin-id='test10'
        name='test10[]'
        type='file'
        multiple>
</hai-input>

multiple
Typ: bool	Výchozí: false
Určuje, jestli uživatel může vybrat více než jeden soubor. Upozornění: V případě povolení více souborů je možné vybrat stejný soubor vícekrát.

maxFilesCount
Typ: integer	Výchozí: null	Ukázka: 4
Nastavuje maximální počet souborů, který může uživatel vybrat k nahrání. Pokud není parametr nastaven, může uživatel vybrat libovolný počet souborů. Pokud je parametr 'multiple' nastaven na false, je parametr 'maxFilesCount' ignorován.

maxFileSize
Typ: integer	Výchozí: null	Ukázka: 8000
Nastavuje maximální velikost v Bytech, kterou můžou mít jednotlivé soubory vybrané uživatelem. Pokud není parametr nastaven, může uživatel vybrat soubory libovolné velikosti.

maxTotalSize
Typ: integer	Výchozí: null	Ukázka: 8000
Nastavuje maximální celkovou velikost v Bytech, kterou můžou mít (dohromady) soubory vybrané uživatelem. Pokud není parametr nastaven, můžou mít vybrané soubory celkově libovolnou velikost.

allowedFileTypes
Typ: array\|string	Výchozí: null	Ukázka: ['.pdf', 'image/*']
Určuje povolené typu souborů, které může uživatel vybrat. Typy můžou být zadány přes pole textových řetězců nebo po vzoru HTML atributu 'accept', tedy jako jeden textový řetězec, ve kterém jsou jednotlivé typy odděleny čárkami. Pokud není parametr nastaven, může uživatel vybrat soubory libovolného typu. Upozornění: Kontrola typů je prováděna pouze na základě přípony souboru a nelze ji proto považovat za zcela důvěryhodnou.

Globální parametry

required
Typ: bool	Výchozí: undefined
Určuje, zda musí být pole vyplněno (nebo musí mít vybranou nějakou hodnotu).

label
Typ: string	Výchozí: undefined	Ukázka: 'Email'
Nastavuje popisek (label) pro dané pole. Pokud není parametr použit (není zadána hodnota), formulářové pole bude vygenerováno bez popisku.

value
Typ: string\|number	Výchozí: undefined	Ukázka: 'test'
Parametr obsahující hodnotu formulářového pole. Upozornění: Silně není doporučeno měnit parametr "value" po inicializaci pole.