communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

Page HTML de publication du système de communiqués de presse sur le développement PHP

new.jpg

L'image ci-dessus est la page du communiqué de presse que nous voulons créer

Un formulaire <form> simple, plus un simple arrière-plan CSS

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文网</title>
   
    <style>
        body{
            background-color: rgba(128, 128, 128, 0.3);
        }
    </style>
    
</head>
<body>
<form  method="post" action="new_post.php" name="myform">
    <h1>发布新闻系统</h1>
    <p>标题：<input type="text" name="title"/></p>
    <p>内容：<textarea cols=30 rows=5 name="content"></textarea></p>
    <p><button>发布新闻</button></p>
</form>
</body>
</html>

Nous devons effectuer une vérification sur notre page de communiqué de presse. Si le titre et le contenu de l'actualité ne sont pas renseignés, leur publication n'est pas autorisée. Nous utilisons JS pour effectuer la vérification

Vous devez le faire. faire une vérification dans l'événement <form> JS, le code est le suivant

<form method="post" action="new_post.php" onsubmit=" return foo();" name="myform">

Ajoutez le code suivant à la tête

<script>
function foo(){
if(myform .title.value==""){
alert('Veuillez remplir le titre de votre actualité');
myform.title.focus();
return false;
}
if (myform.content.value==""){
alert('Le contenu des actualités ne peut pas être vide');
myform.content.focus();
return false;
}
>
</script>

Maintenant, si vous soumettez la nouvelle sans remplir le titre et le contenu, sa publication n'est pas autorisée

Le code complet du fichier new.html est le suivant

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文网</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <style>
        body{
            background-color: rgba(128, 128, 128, 0.3);
        }
    </style>
    <script>
        function foo(){
            if(myform.title.value==""){
                alert('请填写你的新闻标题');
                myform.title.focus();
                return false;
            }
            if(myform.content.value==""){
                alert('新闻内容不能为空哦');
                myform.content.focus();
                return false;
            }
        }
    </script>
</head>
<body>
<form  method="post" action="new_post.php" onsubmit=" return foo();" name="myform">
    <h1>发布新闻系统</h1>
    <p>标题：<input type="text" name="title"/></p>
    <p>内容：<textarea cols=30 rows=5 name="content"></textarea></p>
    <p><button>发布新闻</button></p>
</form>
</body>
</html>

L'étape suivante consiste à soumettre les informations d'actualité que nous avons renseignées sur la page vers la page new_post.php pour traitement


Formation continue
||
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no" /> <style> body{ background-color: rgba(128, 128, 128, 0.3); } </style> <script> function foo(){ if(myform.title.value==""){ alert('请填写你的新闻标题'); myform.title.focus(); return false; } if(myform.content.value==""){ alert('新闻内容不能为空哦'); myform.content.focus(); return false; } } </script> </head> <body> <form method="post" action="new_post.php" onsubmit=" return foo();" name="myform"> <h1>发布新闻系统</h1> <p>标题：<input type="text" name="title"/></p> <p>内容：<textarea cols=30 rows=5 name="content"></textarea></p> <p><button>发布新闻</button></p> </form> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  493000 joue