Mettre une chaîne de caractère contenant des espaces dans une value d'input

Résolu/Fermé

SnifLePanda Messages postés 9 Date d'inscription dimanche 11 juillet 2021 Statut Membre Dernière intervention 8 août 2021 - Modifié le 7 août 2021 à 20:19
SnifLePanda Messages postés 9 Date d'inscription dimanche 11 juillet 2021 Statut Membre Dernière intervention 8 août 2021 - 8 août 2021 à 20:21

Bonsoir, je suis actuellement confronter un problème lors de la création de mon site.
Le problème étant que je souhaite utilisé dans la value d'un input un ensemble de mot du style "2 pain" : $Ingredient = ["Onigiri" => ["Ingredient" => ["2 cc de Riz", "Algue", "Poisson", "Eau"]]];

Mais quand j'utilise les valeur dans un input en temps que value cela donne uniquement le premier mot (2 pour le premier par exemple). Y'aurait-il moyen de régler ce problème ? Merci d'avance (;

A voir également:

Mettre une chaîne de caractère contenant des espaces dans une value d'input
Caractère ascii - Guide
Caractere speciaux - Guide
Caractère spéciaux - Guide
Espaces insécables - Guide
Chaine tnt gratuite sur mobile - Guide

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
7 août 2021 à 21:23

Bonjour,
Normalement il n'y a aucun souci pour utiliser des espaces dans des variables...
Mais.. Sans voir le code avec lequel tu essaies de remplir ton input .. impossible de t'aider !

NB: Pour poster ton code, merci d'utiliser les balises de code.
Explications ( à lire entièrement !! ) disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

SnifLePanda Messages postés 9 Date d'inscription dimanche 11 juillet 2021 Statut Membre Dernière intervention 8 août 2021
Modifié le 8 août 2021 à 19:11

Voici le code et son résultat, en espérant que vous arriviez a me comprendre

Résultat ne prenant uniquement que le premier mot

Meilleur Salutation (:

SnifLePanda Messages postés 9 Date d'inscription dimanche 11 juillet 2021 Statut Membre Dernière intervention 8 août 2021 > SnifLePanda Messages postés 9 Date d'inscription dimanche 11 juillet 2021 Statut Membre Dernière intervention 8 août 2021
Modifié le 8 août 2021 à 19:14

 <!DOCTYPE html>
<html lang="fr">

<head>
    <!-- auteur: Alex (je vais éviter de partager mon nom sur le forum (x   )
    date: 08.05.2021
    version: v0.5
    projet : 5Gestion
    <title>GestionRecette</title>
    <meta charset="UTF-8">

</head>
<style>
    body {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        font-family: Calibri;
        background-image: url('../img/cute-rabbit-ice-cream-seamless-repeating-pattern-wallpaper-background-cute-seamless-pattern-background_42349-868.jpg');
        max-height: 100vh;
        min-height: 100vh;
             overflow: hidden;
    }

    main {

        background-color: rgba(255, 255, 255, 0.8);
        padding: 40px;
        border-left: 2px solid pink;
        border-right: 2px solid pink;
        box-shadow: 0px 0px 8px pink;
        margin-top: 10%;
        margin-bottom: 10%;
    }

    main>h2 {
        text-align: center;
    }

    h1 {
        text-shadow: 0px 0px 3px #FF00FF, 0px 0px 3px #FF00FF, 0px 0px 3px #FF00FF, 0px 0px 3px #FF00FF;
        background-color: #FFD4FF;
        padding: 20px;
        border-radius: 50px;
        color: white;
        box-shadow: 0px 0px 10px pink;
        font-size: 2rem;
        text-align: center;
        max-width: 20vw;
    }



    form {
        background-color: #EEE;
        padding: 30px;
        box-shadow: 0px 0px 10px #555;
        border-radius: 8px;
    }

    aside:first-child {
        overflow: scroll;
        overflow-x: hidden;
    }



    p input[type="submit"] {
        background-color: white;
        border-radius: 6px;
        font-family: Calibri;
        font-weight: bolder;
        text-transform: uppercase;
        font-size: 1rem;
        font-style: italic;
        width: 100%;
    }

    aside>input[type="text"] {
        background-color: white;
        border-radius: 6px;
        padding: 5px;
        font-family: Calibri;
        font-weight: bolder;
        text-transform: uppercase;
        font-size: 1rem;
        font-style: italic;

    }

    div {
        display: flex;
        flex-direction: row;
    }

    div>input[type="text"] {
        background-color: white;
        border-radius: 6px;
        padding: 5px;
        font-family: Calibri;
        font-weight: bolder;
        text-transform: uppercase;
        font-size: 1rem;
        font-style: italic;
        width: 91%;
    }




    div>input[type="submit"] {
        background-color: white;
        border-radius: 6px;
        padding-bottom: 6px;

        padding-top: 6px;
        font-weight: bolder;
        text-transform: uppercase;

        font-style: italic;
    }

    input[type="range"] {
        width: 184px;
    }

    span {
        margin-right: 80px;
    }

    input[type="submit"]:hover {
        background-color: #FFFAAD;
    }

    textarea {
        max-width: 99%;
        min-width: 99%;
        min-height: 250px;
        max-height: 250px;
        background-color: white;
        border-radius: 6px;
        float: right;
        padding-bottom: 6px;
        padding-top: 6px;
        font-weight: bolder;
        text-transform: uppercase;
        font-style: italic;
    }

    article {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 2vh;

    }

    article img {
        float: left;
    }


    aside {
        padding: 40px;
        float: left;
        background-color: #EEE;
        padding: 30px;
        box-shadow: 0px 0px 10px #555;
        border-radius: 8px;
        max-width: 16vw;
        min-width: 16vw;
        max-height: 20vh;
    }



    aside {
        display: flex;
        flex-direction: column;

    }

    aside>p,
    aside>span {

        font-size: 1.1rem;
        font-weight: bold;
        font-style: italic;
        padding-left: 30px;

        max-width: 16vw;
        min-width: 16vw;

    }

    main>article:first-child {
        max-height: 1vh;
        overflow: scroll;
    }


    footer {
        font-style: italic;
        text-align: center;
        font-size: 0.9rem;
    }

    li {
        list-style: none;
    }
</style>






<body>
<?php $Ingredient = ["Onigiri" => ["Ingredient" => ["2 RizBrun", "20kg d'Algue", "Poisson", "Eau"]]]; ?>
<?php $Préparation = ["Onigiri" => ["Preparation" => ["Mettre dans de l'eau......"]]]; ?>


    <main>
        <form action="" method="POST" autocomplete="off">
            <h1>
                <?php foreach ($Ingredient as $key => $value) {
                    if ($key !== 0) {
                        echo $key;
                    }
                } ?>
            </h1>

            <p>
            <h2>Ingredient</h2>
            </p>

            <article>
                <aside>
                    <div>
                        <input type="text" name="AjoutIngredient" placeholder="ingredient">
                        <input name="+" type="submit" value="+">
                    </div>
                    <?php foreach ($Ingredient as $key => $value) {
                        foreach ($value as $key2 => $value2) {
                            foreach ($value2 as $key3 => $value3) { ?>
                                <input type="text" name="Ingre" value=<?php echo $value3 ?>>
                    <?php    }
                        }
                    }

                    ?>

                </aside>

            </article>

            <h2>Préparation</h2>
            <article>
                <aside> <?php
                        foreach ($Préparation as $key => $value) {
                            foreach ($value as $key2 => $value2) {
                                foreach ($value2 as $key3 => $value3) { ?>
                                <textarea name="Prepa"> <?php echo $value3 ?></textarea>
                    <?php  }
                            }
                        }
                    ?>
                </aside>

            </article>



            <footer>
                <p><input name="Modif" type="submit" value="Modification"></p>
            </footer>
        </form>
    </main>

</body>

</html>

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705 > SnifLePanda Messages postés 9 Date d'inscription dimanche 11 juillet 2021 Statut Membre Dernière intervention 8 août 2021
8 août 2021 à 19:34

Avec des quôtes ça marcherait mieux

value="<?php echo $value3; ?>">

Réponse 2 / 2

SnifLePanda Messages postés 9 Date d'inscription dimanche 11 juillet 2021 Statut Membre Dernière intervention 8 août 2021
8 août 2021 à 20:21

Merci beaucoup, cela a résolue mon problème (:

Discussions similaires

input signal out of range

Caractère invisible ou vide pour pseudo invisible

comment donner les droits sur fichier partage