Option de thème jQuery Mobile Textinput Widget

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

jQuery Mobile est une technologie Web utilisée pour créer du contenu réactif accessible sur tous les smartphones, tablettes et ordinateurs de bureau.
Dans cet article, nous utiliserons jQuery Mobile Thème de widget de saisie de texte option pour définir le jeu de couleurs pour le widget de saisie de texte.

Syntaxe:

$( ".selector" ).textinput({
    theme: string
});

Liens CDN : Tout d’abord, ajoutez les scripts jQuery Mobile nécessaires à votre projet.


Exemple:

HTML

<!doctype html>

<html lang="en">

 

<head>

    <meta charset="utf-8">

    <meta name="viewport" content=

        "width=device-width, initial-scale=1">

 

    <link rel="stylesheet" href=

"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

 

    <script src="//code.jquery.com/jquery-1.10.2.min.js">

    </script>

 

    <script src=

"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">

    </script>

 

    <script>

        $(document).ready(function () {

            $("#GFG").textinput({

                theme: "b"

            });

        });

    </script>

</head>

 

<body>

    <div data-role="page" id="page1">

        <div data-role="header">

            <h1>GeeksforGeeks</h1>

            <h3>jQuery Mobile Textinput Widget theme Option</h3>

        </div>

 

        <center>

            <div role="main" class="ui-content" style="width: 50%;">

                <label for="GFG">Enter Text:</label>

                <input type="text" name="Geeks" id="GFG" value="">

            </div>

        </center>

    </div>

</body>

 

</html>

Production:

theme

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *