Formulaire PHP insertion d'un formulaire dans une page Web-tutoriel php-php.cn

Formulaire PHP insertion d'un formulaire dans une page Web

伊谢尔伦

Libérer： 2023-03-07 14:36:01

original

2810 Les gens l'ont consulté

L'insertion d'un formulaire dans une page WEB ordinaire se déroule comme suit : Un formulaire relativement complet sera créé ici, et en gros tous les éléments et attributs du

Ici, certains styles CSS sont ajoutés aux balises de formulaire pour rendre la page plus cool pour les amis.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
  <table width="400" border="1" cellpadding="1"  bgcolor="#999999">
    <tr bgcolor="#FFCC33">
      <td width="103" height="25" align="right">姓名：</td>
      <td height="25">
        <input name="user" type="text" id="user" size="20" maxlength="100">
      </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">性别：</td>
      <td height="25" colspan="2" align="left">
        <input name="sex" type="radio" value="男" checked>男
            <input name="sex" type="radio" value="女" >女
         </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td width="103" height="25" align="right">密码：</td>
      <td width="289" height="25" colspan="2" align="left">
        <input name="pwd" type="password" id="pwd" size="20" maxlength="100">
      </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">学历：</td>
      <td height="25" colspan="2" align="left">
        <select name="select">
          <option value="专科">专科</option>
          <option value="本科" selected>本科</option>
          <option value="高中">高中</option>
        </select>
      </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">爱好：</td>
      <td height="25" colspan="2" align="left">
        <input name="fond[]" type="checkbox" id="fond[]" value="音乐">音乐
            <input name="fond[]" type="checkbox" id="fond[]" value="体育">体育
            <input name="fond[]" type="checkbox" id="fond[]" value="美术">美术
         </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">照片上传：</td>
      <td height="25" colspan="2">
        <input name="image" type="file" id="image" size="20" maxlength="100">
      </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">个人简介：</td>
      <td height="25" colspan="2">
        <textarea name="intro" cols="30" rows="10" id="intro"></textarea>
      </td>
    </tr>
    <tr align="center" bgcolor="#FFCC33">
      <td height="25" colspan="3">
        <input type="submit" name="submit" value="提交">
        <input type="reset" name="reset" value="重置">
      </td>
    </tr>
  </table>
</form>
</body>
</html>

Copier après la connexion

Remarque : Ce formulaire comprend des éléments de formulaire courants : zone de texte sur une seule ligne, zone de texte sur plusieurs lignes, option unique (radio), options multiples (case à cocher) et multi -sélectionner le menu.

maxlength est un attribut associé aux zones de texte du nom et du mot de passe, qui limite la longueur maximale du mot de passe de l'utilisateur à 100 caractères.

La zone de liste est un menu de liste et ses attributs nommés ont leurs propres valeurspour la sélection. Selected est un élément de sélection d'attribut spécifique. Si une option est attachée à cet attribut, l'élément sera répertorié comme premier élément lorsqu'il sera affiché.

Le contenu de la zone de texte d'introduction affiche le texte, la largeur des lignes et des colonnes en fonction des lignes et des colonnes.

La balise cochée fait référence à une certaine valeur en option unique et multi-option, qui est sélectionnée par défaut.

Enregistrez ce fichier sous la page index.php.

Le formulaire dans le fichier ci-dessus utilise la méthode POST pour transférer les données, de sorte que les données soumises par l'utilisateur seront enregistrées dans le tableau super global de $_POST ou $_REQUEST We. utilisez le tableau $_POST. La valeur dans peut traiter les données soumises. Nous présenterons en détail les méthodes d'obtention des données de formulaire plus tard. La méthode POST en fait partie. Sélectionnez-la dans method="post". Le formulaire est l'opération la plus élémentaire de l'application lors de l'obtention des données du formulaire, alors amis, veuillez faire attention à l'introduction du cours derrière le formulaire.

Remarque : Cette page n'utilisant pas de scripts PHP, cette page Web est une page statique. Vous pouvez l'enregistrer au format .html puis utiliser directement le navigateur pour ouvrir le fichier. voir les résultats en cours d’exécution.

Entrez l'adresse dans le navigateur et appuyez sur Entrée. Le résultat est le suivant :

Formulaire PHP insertion dun formulaire dans une page Web