Modèle:Input : Différence entre versions
| [version vérifiée] | [version vérifiée] |
| (6 révisions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
{{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|}}} | {{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|}}} | ||
| − | <div data-element="input" data-name="{{{name|{{{id}}}}}}" data-id="{{{id}}}" data-style="{{# | + | <div data-element="input" data-name="{{{name|{{{id}}}}}}" data-id="{{{id}}}" data-style="{{#switch:{{{type|}}} |
| − | }} 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|}}} | + | |checkbox=display: inline-block; margin: 0; width: {{{size|25px}}}; height: {{{size|25px}}}; font-size: {{{size|25px}}}; flex-shrink: 0; |
| + | |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> | ||
