Modèle:Input : Différence entre versions

[version vérifiée][version vérifiée]
 
(7 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}}}" {{#switch:{{{type|}}}
+
<div data-element="input" data-name="{{{name|{{{id}}}}}}" data-id="{{{id}}}" data-style="{{#switch:{{{type|}}}
|checkbox=data-style="display: inline-block; vertical-align: middle; margin: 0; width: {{{size|25px}}}; height: {{{size|25px}}}; font-size: {{{size|25px}}}; border-radius: 8px; flex-shrink: 0; {{{style|}}}"
+
|checkbox=display: inline-block; margin: 0; width: {{{size|25px}}}; height: {{{size|25px}}}; font-size: {{{size|25px}}}; flex-shrink: 0;
|{{#if:{{{style|}}}|data-style="{{{style}}}"}}
+
|number=appearance: none; padding: 4px; width: 45px;
}} 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|}}}
+
}} 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 à 21:23