AKLibrary - Champs

Champs

Dernière màj : 1.6.0  20/10/2019 
Date d'ajout : 1.0.0  06/11/2017

1.6.0   Ajout

1.3.0   Ajout

        Modif



1.0.0   Ajout

1 style: inputSlide.

1 style: inputUnderlined.

input, input2, input3 et input4 ont été remplacé par inputModern et inputClassic (ils peuvent désormais changer de couleur).

4 styles: input, input2, input3 et input4.

Input#

Input. 3 styles proposés. Conseils d'utilisation : - Les couleurs snow, wind et dark sont plus adaptés pour inputModern et inputClassic - Les autres couleurs sont plus adaptés pour inputUnderlined

<input class="AKL-inputModern-snow" placeholder="Write here...">

<input class="AKL-inputClassic-snow" placeholder="Write here...">

<input class="AKL-inputUnderlined-snow" placeholder="Write here...">

<input class="AKL-inputSlide-snow" placeholder="Write here...">

water

fire

leaf

wind

dark

magic

ocean

amber

hell

gold

silver

fairy

wood

grass

spectrum

snow

Dernière màj : 1.3.0  18/01/2018 
Date d'ajout : 1.0.0  06/11/2017

1.3.0   Ajout

        Modif






1.0.0   Ajout

1 style: inputTextUnderlined.

inputText, inputText2, inputText3 et inputText4 ont été remplacé par inputTextModern, inputTextClassic (ils peuvent désormais changer de couleur).
                        
inputText-input, inputText-input2, inputText-input3, inputText-input4 ont été unifié en inputText-input.

4 styles: inputText, inputText2, inputText3 et inputText4.

Input text#

Input avec nom intégré. 3 styles proposés. Conseils d'utilisation : - Les couleurs snow, wind et dark sont plus adaptés pour inputTextModern et inputTextClassic - Les autres couleurs sont plus adaptés pour inputTextUnderlined

Text: Text: Text :

<label class="AKL-inputTextModern-lbl-dark">Text:
    <input class="AKL-inputText-input" labeltype="text" placeholder="Write here...">
</label>


<label class="AKL-inputTextClassic-lbl-dark">Text:
    <input class="AKL-inputText-input" labeltype="text" placeholder="Write here...">
</label>


<label class="AKL-inputTextUnderlined-lbl-dark">Text:
    <input class="AKL-inputTextUnderlined-input" labeltype="text" placeholder="Write here...">
</label>

water

fire

leaf

wind

dark

magic

ocean

amber

hell

gold

silver

fairy

wood

grass

spectrum

snow

Dernière màj : 1.3.0  18/01/2018 
Date d'ajout : 1.0.0  06/11/2017

1.3.0   Ajout

        Modif


1.0.0   Ajout

1 style: textareaUnderlined.

textarea et textarea2 ont été unifié en textareaClassic (ils peuvent désormais changer de couleur).

2 styles: textarea et textarea2.

TextArea#

Zone de texte éditable et redimentionnable par l'utilisateur. 2 styles proposés. Conseils d'utilisation : - rows : nombre de lignes affichés - cols : nombre de caractères (colonnes) affichés par ligne Les rows et cols peuvent être remplacés respectivement par un height et width. - Les couleurs snow, wind et dark sont plus adaptés pour textareaClassic - Les autres couleurs sont plus adaptés pour textareaUnderlined

<textarea class="AKL-textareaClassic-snow" rows="4" cols="30" placeholder="Write here..."></textarea>

<textarea class="AKL-textareaUnderlined-snow" rows="4" cols="30" placeholder="Write here..."></textarea>

water

fire

leaf

wind

dark

magic

ocean

amber

hell

gold

silver

fairy

wood

grass

spectrum

snow

Dernière màj : 1.3.0  18/01/2018 
Date d'ajout : 1.0.0  06/11/2017

1.3.0   Ajout

        Modif



1.0.0   Ajout

1 style: textareaUnderlined-locked.

textarea-locked et textarea2-locked ont été unifié en textareaClassic-locked (ils peuvent désormais changer de couleur).

2 styles: textarea-locked et textarea2-locked.

Locked TextArea#

Zone de texte ne pouvant pas être édité ou redimmentionné par l'utilisateur. 2 styles proposés. Conseils d'utilisation : - rows : nombre de lignes affichés - cols : nombre de caractères (colonnes) affichés par ligne Les rows et cols peuvent être remplacés respectivement par un height et width. - Les couleurs snow, wind et dark sont plus adaptés pour textareaClassic-locked - Les autres couleurs sont plus adaptés pour textareaUnderlined-locked

Mon texte ici !

Mon texte ici !

<textarea class="AKL-textareaClassic-locked-dark" rows="4" cols="30" readonly></textarea>

<textarea class="AKL-textareaUnderlined-locked-dark" rows="4" cols="30" readonly></textarea>

water

fire

leaf

wind

dark

magic

ocean

amber

hell

gold

silver

fairy

wood

grass

spectrum

snow

Dernière màj : 1.3.0  18/01/2018 
Date d'ajout : 1.0.0  06/11/2017

1.3.0   Modif


1.0.0   Ajout

select et select2 ont été unifié en select (ils peuvent désormais changer de couleur).

2 styles: select et select2.

Select#

Champ permettant à 'utilisation de choisir l'une des options. Conseil d'utilisation : - Les couleurs snow et dark sont les mieux adaptés.

<select class="AKL-select-snow">
    <option>1ère option</option>
    <option>2ème option</option>
    <option>3ème option</option>
</select>

water

fire

leaf

wind

dark

magic

ocean

amber

hell

gold

silver

fairy

wood

grass

spectrum

snow