Introduction à l'utilisation des formulaires de formulaire du framework layui

Bien que je connaisse layui, j'ai le temps aujourd'hui de jeter un autre regard sur le module de formulaire de layui.

1. Mettre à jour le rendu

Layui n'a pas de mécanisme de liaison bidirectionnelle, mais avec un framework modulaire classique, il vous suffit d'exécuter la méthode suivante :

formulaire .render(type, filter)

Le premier paramètre : type

form.render(); //更新全部
form.render('select'); //刷新select选择框渲染
[select,checkbox,radio] //刷新[select选择框,checkbox复选框(含开关)][radio]渲染

Le deuxième paramètre : filter [peut être utilisé pour les mises à jour locales] est le filtre lay de l'élément où class="layui-form" se trouve la valeur ="". Vous pouvez utiliser ce paramètre pour effectuer des mises à jour partielles du formulaire.

<div class="layui-form" lay-filter="test1"></div>
<div class="layui-form" lay-filter="test2"></div>
<script>
form.render(null, &#39;test1&#39;); //更新 lay-filter="test1" 所在容器内的全部表单状态
form.render(&#39;select&#39;, &#39;test2&#39;); //更新 lay-filter="test2" 所在容器内的全部 select 状态
</s

2. Attributs de l'élément par défaut

<input type="text" lay-verify="email">
<input type="checkbox" checked lay-skin="switch" lay-filter="encrypt" title="是否加密">
<button lay-submit>提交</button>

Référence spécifique :

titre : [Toute valeur] Définir le nom de l'élément, utilisé pour la case à cocher, la radio

lay-skin : [switch (style de commutation) primaire (style original)] Définir le style de l'élément, valable uniquement pour la case à cocher

lay-filter : filtre temporel, similaire à un sélecteur, utilisé pour une correspondance exacte

lay-verify : [obligatoire (obligatoire), téléphone (numéro de téléphone portable), email (boîte aux lettres), url (site Web), numéro (numéro), date (date), identité (carte d'identité)] utilisé dans les formulaires de vérification, prend en charge plusieurs règles de vérification en même temps lay-verify="required|phone"

lay-verType : [conseils (couche d'adsorption), alerte (puce), msg (par défaut)] : définir la couche d'invite d'exception

lay-submit : définissez l'élément qui déclenche la soumission.

Pour plus de connaissances sur Layui, veuillez faire attention à la colonne Tutoriel d'utilisation de Layui.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!