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

Page HTML d'inscription au tutoriel sur le petit forum de développement PHP

La page d'inscription que nous voulons faire est celle indiquée ci-dessous

Utilisation de table table + style CSS pour la mise en page

reg.jpg

Le le code est le suivant

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <style type="text/css">
        table{
            height: 300px;
        }
        input{
            width: 190px;
            height: 25px;
        }
        .title{
            background-color:#B10707 ;
            color: white;
            border: none;
        }
        .but{
            width: 140px;
            height: 43px;
        }
        .spa{
            margin-left: 10px;
        }
    </style>
    <script type="text/javascript">
        function checkinput()
        {
            if(myform.username.value=="")
            {
                alert("请输入你的账号");
                myform.username.focus();
                return false;
            }
            if (myform.password.value=="")
            {
                alert("请输入密码");
                myform.password.focus();
                return false;
            }
            if(myform.password.value != myform.password1.value){
                alert("你输入的两次密码不一致，请重新输入！");
                myform.password.focus();
                return false;
            }
        }
    </script>
</head>
<body>
<form method="post" action="reg.php"  onsubmit=" return checkinput();" name="myform">
    <table width="400px" border="1" cellpadding="12" cellspacing="1" align="center">
        <tr>
            <td colspan="2" class="title">用户注册<span class="spa">[<a style="color: white"  href="index.php">返回首页]</a></span></td>
        </tr>
        <tr>
            <td width="110px">会  员   ID</td>
            <td><input type="text" name="username" autocomplete="off"></td>
        </tr>
        <tr>
            <td width="110px">密　　码</td>
            <td><input type="password" name="password" autocomplete="off"></td>
        </tr>
        <tr>
            <td width="110px">确认密码</td>
            <td><input type="password" name="password1"></td>
        </tr>
        <tr>
            <td width="110px">邮　　箱</td>
            <td><input type="email" name="email"></td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <button class="but" style="text-align: center">立即注册</button>
            </td>
        </tr>
    </table>
</form>
</body>
</html>

L'étape suivante consiste à soumettre les informations que nous avons remplies pour l'inscription à la page reg.php pour traitement


Formation continue
||
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户注册</title> <style type="text/css"> table{ height: 300px; } input{ width: 190px; height: 25px; } .title{ background-color:#B10707 ; color: white; border: none; } .but{ width: 140px; height: 43px; } .spa{ margin-left: 10px; } </style> <script type="text/javascript"> function checkinput() { if(myform.username.value=="") { alert("请输入你的账号"); myform.username.focus(); return false; } if (myform.password.value=="") { alert("请输入密码"); myform.password.focus(); return false; } if(myform.password.value != myform.password1.value){ alert("你输入的两次密码不一致，请重新输入！"); myform.password.focus(); return false; } } </script> </head> <body> <form method="post" action="reg.php" onsubmit=" return checkinput();" name="myform"> <table width="400px" border="1" cellpadding="12" cellspacing="1" align="center"> <tr> <td colspan="2" class="title">用户注册<span class="spa">[<a style="color: white" href="index.php">返回首页]</a></span></td> </tr> <tr> <td width="110px">会 员 ID</td> <td><input type="text" name="username" autocomplete="off"></td> </tr> <tr> <td width="110px">密　　码</td> <td><input type="password" name="password" autocomplete="off"></td> </tr> <tr> <td width="110px">确认密码</td> <td><input type="password" name="password1"></td> </tr> <tr> <td width="110px">邮　　箱</td> <td><input type="email" name="email"></td> </tr> <tr> <td colspan="2" align="center"> <button class="but" style="text-align: center">立即注册</button> </td> </tr> </table> </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)  492782 joue