javascript - 如何修复发布 html 元素的错误并阻止它运行

Question

我正在调试我的网站，我发现当我使用文章发布 html、css 和 php 程序时它会按发布的方式运行我该如何解决这个问题，这样它就不会再次影响我的网站

例子

当我提交这样的东西时

<style>
*{
display:none!important;
}
</style>

在整个页面上将不显示任何内容，而不是显示用户发布的内容。另一个例子

<form>
<input type="text" value="Hello"/>
<input type="submit" value="submit"/>
<form>

此外，此 html 表单将作为 html 运行，而不是显示文本请问我如何在我的 php 中解决这个问题以避免这种情况。我已经尝试在我的 php 中添加这个 mysql_real_escape_string($_POST['post']); 在它发布到我的数据库之前但仍然无法工作任何人都可以帮助我

这是我提交帖子的 php

<?php

if($_POST){
    $db_host = "localhost";
    $db_user = "root";
    $db_pass = "pass";
    $db_name = "posts";

    try {
         $db_conn = new PDO("mysql:host={$db_host};dbname={$db_name}",$db_user,$db_pass);
         $db_conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
         $stmt = $db_conn->prepare("INSERT INTO posts(post) VALUES(:post)");

         $stmt->bindParam(':post', $post); 

         $form = $_POST;
         $post= mysql_real_escape_string($form['post']);

         $stmt->execute();

         echo "Post submited";

    }
    catch(PDOException $e)
    {
        echo "Error:" . $e->getMessage();
    }
    $db_conn = null;
}
?>

Answer 1

尝试使用 htmlentities() 函数，因为它将所有适用的字符转换为 HTML 实体:

htmlentities ($form['post'])