پاسخ تمرین شورتکدها

<?php
/*
Plugin Name: ShortCodes
Plugin URI: https://www.timan.ir/
Description: This Is shortcode Plugin in Wordpress cms
Author: Javad Abbasi
Author URI: https://www.javad-abbasi.ir/
Text Domain: shortcodesplugin
Domain Path: /languages/
Version: 1.0.0
*/
function login_page()
{
    return '
    <style>
        .main {
            box-sizing: border-box;
            direction: rtl;
            height: auto;
            width: 90%;
            margin: 10px auto;
        }
        input[type=text],
        input[type=password],     
        input[type=submit],
        {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            box-sizing: border-box;
            border: 2px solid green !important;
            border-radius: 4px;
            background-color: rgb(115, 182, 38);
            color: white;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
        }
        
        form {
            box-sizing: border-box;
            margin: 2px auto;
            width: 100%;
            padding: 3px;
        }
        
        fieldset {
            border: 2px solid green;
            border-radius: 4px;
        }
        
        legend {
            font-weight: bolder;
            color: crimson;
            font-family: Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
        }
        label[for=username],
        label[for=password],
       {
            font-weight: bold;
            font-family:Tahoma, Geneva, Verdana, sans-serif;
        }
        
        input:focus {
            border: 2px solid green;
            background-color: #eee;
        }
        
       
        input[type=submit]
         {
            width: 100%;
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 16px 32px;
            text-decoration: none;
            margin: 4px 2px;
            cursor: pointer;
        }
        
        
        span p {
            margin-bottom: -10px;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            padding: 3px;
            font-weight: bolder;
            font-size: 14px;
        }
        
    </style>
    <div class="main">
        <form action="/page" target="_blank" method="post" autocomplete="on">
            <fieldset>
                <legend>ورود کاربری:</legend><br><br>
                <label for="username">نام کاربری:</label><br>
                <input type="text" name="username" required id="username" name="fname" placeholder="نام کاربری"><br><br>
                <label for="password">رمز عبور:</label><br>
                <input type="password" required id="password" name="password" placeholder="******* "><br><br>
                <input type="submit" value="ورود">
            </fieldset>
        </form>



    </div>';
}

add_shortcode("login", "login_page");