PHP開発ニュースリリースシステム公開HTMLページ

上の写真は私たちがやりたいニュースリリースページです

シンプルな<form>フォームとシンプルな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>

タイトルの場合、ニュースリリースページでいくつかの検証を行う必要があります。入力されていない場合、ニュースコンテンツは公開できません。検証には JS を使用しました。コードは次のとおりです

<formメソッド=。 "post" action="new_post.php "onsubmit=" return foo();" name="myform">

以下のコードをheadに追加します

function foo(){

if(myform.title.value== ""){
alter('ニュースのタイトルを入力してください');

の完全なコード
許可されていない new.html ファイルは次のとおりです

<!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>

次のステップは、ページに入力したニュース情報を処理のために new_post.php ページに送信することです

学び続ける

新しいファイル

<!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>

提出するリセットコード

自動運転