Блог

Главная - Вопросы по программированию - Я хочу добавить CSS в свой php-код.Как это сделать?

Я хочу добавить CSS в свой php-код.Как это сделать?

#php #html #css #web-development-server

#php #HTML #css #веб-разработка-сервер

Вопрос:

Я новичок в php, и мне было интересно, как я могу добавить css в свой php-код? Я в основном хочу обрабатывать формы с помощью php.Итак, я хочу собрать имя пользователя и адрес электронной почты и отобразить его, как только пользователь нажмет кнопку отправки.Но как я могу отобразить текст на странице php, используя другие цвета или изменить его стили css? Например, если я хочу, чтобы мой ‘id: fullname’ отображался красным цветом.Как я могу это сделать??

Я погуглил, но не получил четкого ответа.

CSS, который я хочу добавить:

  #fullname{
      color: red;
    }

Мой html-код:

 <!-- language: lang-html -->

    <!DOCTYPE html>
    <html>

    <head>
      <meta charset="utf-8">
      <title>Sign Up!</title>
      <!-- FONT AWESOME -->
      <script src="https://kit.fontawesome.com/887e6e97bd.js" crossorigin="anonymous"></script>
      <!-- CSS STYLESHEET -->
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc NcPb1dKGj7Sk" crossorigin="anonymous">
      <!-- FONTS -->
      <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@900amp;family=Ubuntu:wght@500amp;display=swap" rel="stylesheet">
      <link rel="stylesheet" href=" css/login.css ">
    </head>

    <body>
      
        <div class="container" id="container">
          <div class="form-container sign-in-container">
            <form id="signupform" action="sign.php" method="post">
              <h1 style="font-weight: bold; margin: 0;">Create Account</h1>
              <div class="social-container">
                <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
                <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
                <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
              </div>
              <span>or use your email for registration</span>
              <input id="fullname" type="text" placeholder="Name" name="fullname" />
              <input id="emailid" type="email" placeholder="Email" name="emailid" />
              <input id="password" type="password" placeholder="Password" name="password" />
              <input id="cpassword" type="password" placeholder=" Confirm Password" name="cpassword" />
              <button id="signbutton">Sign Up</button>
              <a style="color: #000000" href="login.html">Already have an account?</a>
                    </form>
          </div>
        </div>
      </div>
      <script src="s.js" charset="utf-8"></script>
      <footer id="footer">
        <p>© Copyright 2020 Foodzie</p>
      </footer>

    </html>


<!-- end snippet -->

this is my php code:

    <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="utf-8">
        <title></title>
    
          </head>
      <style>
    
      <?php include 'CSS/styles.css'; ?>
      </style>
    
      <body>
        Welcome to Foodzie!!<?php echo $_POST["fullname"]; ?><br>
        Your email address is: <?php echo $_POST["emailid"]; ?>
    
      </body>
    </html>

Ответ №1:

В общем, лучше всего использовать CSS перед HTML, а PHP — перед CSS. Я всегда начинаю свои скрипты с <?php самого начала файла, закрываю его ?> , использую JavaScript <script>...</script> , использую CSS <style>...</style> , а затем мой HTML. Итак, в вашем случае вы можете просто поместить свой CSS между тегами стиля чуть выше вашего открывающего HTML-тега <html> .

Комментарии:

1. Так что я должен написать <style #fullname=»» {color:red;}=»» <=»» style=»»> like this??

2. @KhushiZawar Да. Это сделало бы текст элемента с идентификатором fullname красным.

3. Смотри это мой PHP-код<!DOCTYPE html> <html lang=»en» dir=»ltr»> <head> <meta charset=»utf-8″> <title></title> </head> <style> #fullname{ color: red; } </style> <body> Добро пожаловать Foodzie!! <?php echo $_POST[«fullname»]; ?><br> Ваш адрес электронной почты: <?php echo $_POST[«emailid»]; ?> </body> </html>

4. Он не отображается красным цветом

5. @KhushiZawar Ваш CSS пытается изменить цвет элемента с идентификатором fullname , поэтому я предположил, что вы пытаетесь изменить цвет вашего ввода с этим идентификатором. В вашем PHP-ответе нет элемента с идентификатором fullname . Если вы хотите, чтобы часть имени была красной, вы можете изменить приведенное выше на что-то вроде следующего. <style> #fullname{ color: red; } </style><html><body>Welcome to Foodzie!! <span id="fullname"><?php echo $_POST["fullname"]; ?></span><br> Your email address is: <?php echo $_POST["emailid"]; ?></body></html> .