как динамически изменить значение введенного семейства шрифтов текста? - PullRequest
Новая
       6

как динамически изменить значение введенного семейства шрифтов текста?

0 голосов
/ 02 июня 2018

У меня очень простое сомнение, у меня есть вводимый текст и раскрывающийся список, и в этом раскрывающемся списке представлены различные семейства шрифтов, поэтому, если я введу какой-либо текст в поле ввода и позже, если я выберу семейство шрифтовиз раскрывающегося списка как arial, введенный текст должен отображаться шрифтом arial.Пожалуйста, кто-нибудь может подсказать мне, что я очень близок к выполнению задания. 

<!DOCTYPE html>
        <html>
            <head>

                <style>

                </style>

            </head>

            <body style="padding-left:200px">

                <?php

                    $name = $font = $size = "" ;

                    if (isset($_POST["font"])) {
                        $name = test_input($_POST["name"]);
                        $font = test_input($_POST["font"]);
                        var_dump($font);
                        $size = test_input($_POST["size"]);
                        var_dump($size);
                    }

                    function test_input($data) {
                        return $data;
                    }

                    ?>

                <form action="" method="post">

                    <br><br>

                    <div>

                        <label style="color:orange">Enter Text: </label> <input type="text" name="name" placeholder="Enter Something">

                    </div><br><br>

                    <div>

                        <label style="color:orange">Select Size: </label> <input type="text" name="size">

                    </div><br><br>

                    <div>

                        <label class="control-label" style="color:orange;">Font Name :</label>

                        <select name="font" style="margin-left:14px; color:black;">

                            <option disabled selected value> -- select an option -- </option>
                            <option>Times New Roman</option>
                            <option>Arial</option>
                            <option>Verdana</option>
                            <option>Georgia</option>
                            <option>Impact</option>

                        </select>

                    </div><br><br>

                    <!--div>

                        <label style="color:orange">Choose Color: </label> <input type="text" name="size">

                    </div><br><br-->

                    <input type="submit" name="submit" value="Submit">  

                </form>

                <?php

                    echo "<br>";
                    echo "<h2 style='color:orange'>OUTPUT:</h2>";
                    echo '<p style="font-family:'.$font.'; font-size:'.$size.';">'.$name.'</p>';


                ?>

            </body>
         </html>

1 Ответ

0 голосов
/ 02 июня 2018

Попробуй это.Просто введите переменную вашего шрифта в переменную, которую вы отображаете.Поместите значение, возвращающее шрифт, в переменную и используйте эту переменную во время эха.

if (isset($_POST["font"])) {
    $name = test_input($_POST["name"]);
    $font = test_input($_POST["font"]);
} 

            <!DOCTYPE html>
            <html>
                <head>

                    <style>
                        .error {
                            color: #FF0000;
                            }
                    </style>

                </head>

                <body style="padding-left:200px">

                    <?php

                        $name =  "";
                        $font='arial';
                        $size='14px';
                        if (isset($_POST["font"])) {
                            $name = test_input($_POST["name"]);
                            $font = test_input($_POST["font"]);
                            $size = test_input($_POST["size"]);
                        }

                        function test_input($data) {
                            return $data;
                        }

                        ?>

                    <form action="" method="post">

                        <br><br>

                        <div>

                            <label style="color:orange">Enter Text: </label> <input type="text" name="name" placeholder="Enter Something">

                        </div><br><br>



                        <div>

                            <label class="control-label" style="color:orange;">Font Name :</label>

                            <select name="font" style="margin-left:14px; color:black;">

                                <option disabled selected value> -- select an option -- </option>
                                <option>Times New Roman</option>
                                <option>Arial</option>
                                <option>Verdana</option>
                                <option>Georgia</option>
                                <option>Impact</option>

                            </select>

                        </div><br><br>



                        <input type="submit" name="submit" value="Submit">  

                    </form>

                    <?php

                        echo "<br>";
                        echo "<h2 style='color:orange'>OUTPUT:</h2>";
                        echo '<p style="font-family:'.$font.';font-size:'.$size.';">'.$name.'</p>';


                    ?>

                </body>
             </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...