Php 如何动态更改输入的文本字体族值？_Php_Html_Mysqli

Php 如何动态更改输入的文本字体族值？

php html

Php 如何动态更改输入的文本字体族值？,php,html,mysqli,Php,Html,Mysqli,我有一个非常简单的疑问，我有一个输入文本和一个下拉列表，在该下拉列表中，它们是各种字体系列，因此如果我在输入字段中输入任何文本，然后如果我从下拉列表中选择字体系列为arial，则输入的文本应以arial字体显示。请任何人给我指点一下，我很快就要完成任务了 <!DOCTYPE html> <html> <head> <style> </s

我有一个非常简单的疑问，我有一个输入文本和一个下拉列表，在该下拉列表中，它们是各种字体系列，因此如果我在输入字段中输入任何文本，然后如果我从下拉列表中选择字体系列为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>

试试这个。只需在您要回显的变量中回显字体变量。将返回字体的值放入变量中，并在回显时使用该变量

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>

你会使用jquery吗？必须提交表格吗？先生，如果是php，最好是sirim非常接近，先生，请帮助我，先生，您尝试了什么？没有看到任何与字体/类别更改相关的代码。为你的字体定义5个CSS类，在更改时将该类应用于你的文本。只有我不知道如何更改。请你帮我。很乐意帮助。好的day@kumarpatilsir如果我想改变字号呢。当我改变字体系列时，如果我想改变字体大小，我应该怎么做，先生？Put$size=test\u input$\u POST[size]；在isset中，检查并回显字体大小变量，在其中回显变量。echo“

”$名称。“

”@库马尔帕蒂利并不感到难过