masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Sistem siaran berita pembangunan PHP menerbitkan halaman HTML

new.jpg

Gambar di atas ialah halaman keluaran berita yang ingin kami lakukan

Borang <borang> serta latar belakang CSS ringkas

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

Kami perlu melakukan beberapa pengesahan pada halaman keluaran berita kami Jika tajuk dan kandungan berita tidak diisi, ia tidak dibenarkan untuk diterbitkan Kami menggunakan JS untuk melakukan pengesahan

Anda perlu buat pengesahan dalam acara <form> JS, kodnya adalah seperti berikut

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

Tambahkan kod berikut pada kepala

<script>
function foo(){
if(myform .title.value==""){
alert('Sila isikan tajuk berita anda');
myform.title.focus();
return false;
}
jika (myform.content.value==""){
alert('Kandungan berita tidak boleh kosong');
myform.content.focus();
return false;
}
}
</script>

Sekarang jika anda menghantar berita tanpa mengisi tajuk dan kandungan, ia tidak dibenarkan untuk diterbitkan

Kod lengkap fail new.html adalah seperti berikut

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

Langkah seterusnya ialah menyerahkan maklumat berita yang kami isi pada halaman ke halaman new_post.php untuk diproses


Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492424 permainan