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=flex {{{labelClass|}}}|style=flex-direction: column; align-items: flex-start; {{{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}}}" {{#if:{{{style|}}}|data-style="{{{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}}"}}></div>{{{textAfter|}}}
+
<div data-element="input" data-name="{{{name|{{{id}}}}}}" data-id="{{{id}}}" data-style="{{#ifeq:{{{type|}}}|checkbox|display: inline-block; vertical-align: middle; margin: 0; width: {{{size|25px}}}; height: {{{size|25px}}}; font-size: {{{size|25px}}}; flex-shrink: 0;
 +
}} 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>

Version actuelle datée du 22 décembre 2024 à 03:04