?

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 Ajout1 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...">

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 Ajout1 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 Ajout1 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 Ajout1 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 Ajoutselect 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.

Fisrt option Second option Third option

<select class="AKL-select-snow"> <option>Fisrt option</option> <option>Second option</option> <option>Third option</option> </select>

water

fire

leaf

wind

dark

magic

ocean

amber

hell

gold

silver

fairy

wood

grass

spectrum

snow