Modèle:Input : Différence entre versions
[version vérifiée] | [version vérifiée] |
(11 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
− | {{Label|for={{{id}}}|id={{{labelId|}}}|class={{{labelClass|}}}|style=display: flex | + | {{Label|for={{{id}}}|id={{{labelId|}}}|class={{{labelClass|}}}|style=display: flex; flex-direction: row; gap: 8px; align-items: center; {{#ifeq:{{{type|}}}|checkbox||padding-left: 0;}} {{{labelStyle|}}}|text={{{text|}}} |
− | ; flex-direction: row; gap: | + | <div data-element="input" data-name="{{{name|{{{id}}}}}}" data-id="{{{id}}}" data-style="{{#switch:{{{type|}}} |
− | <div data-element="input" data-name="{{{name|{{{id}}}}}}" data-id="{{{id}}}" {{#switch:{{{type|}}} | + | |checkbox=display: inline-block; margin: 0; width: {{{size|25px}}}; height: {{{size|25px}}}; font-size: {{{size|25px}}}; flex-shrink: 0; |
− | |checkbox= | + | |number=appearance: none; padding: 4px; width: 45px; |
− | | | + | }} border-radius: 8px; {{{style|}}}" data-type="{{{type|text}}}" {{#if:{{{pattern|}}}|data-pattern="{{{pattern}}}"}} {{#if:{{{min|}}}|data-min="{{{min}}}"}} {{#if:{{{max|}}}|data-max="{{{max}}}"}} {{#if:{{{value|}}}|data-value="{{{value}}}"}} {{#if:{{{placeholder|}}}|data-placeholder="{{{placeholder}}}"}} {{#if:{{{required|}}}|data-required="required"}} {{#if:{{{disabled|}}}|data-disabled="disabled"}} {{#if:{{{checked|}}}|data-checked="checked"}} {{#if:{{{data|}}}|data-data-{{#explode:{{{data}}}|+}}="{{#explode:{{{data}}}|+|-1}}"}} {{#if:{{{data2|}}}|data-data-{{#explode:{{{data2}}}|+}}="{{#explode:{{{data2}}}|+|-1}}"}}></div>{{{textAfter|}}} |
− | |||
}}<noinclude>[[Catégorie:Éléments HTML]]</noinclude> | }}<noinclude>[[Catégorie:Éléments HTML]]</noinclude> |