Maison  >  Article  >  développement back-end  >  Formulaire PHP insertion d'un formulaire dans une page Web

Formulaire PHP insertion d'un formulaire dans une page Web

伊谢尔伦
伊谢尔伦original
2017-04-18 13:20:572714parcourir

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

Ajoutez d'abord un formulaire

dans la balise

Ajoutez ensuite une série d'éléments et d'attributs de formulaire au formulaire

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>

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 valeurs​​pour 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

Et si ? Cela n’a-t-il pas l’air un peu plus éblouissant en termes de sens ? Les amis peuvent l'essayer en tapant eux-mêmes plus de codes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn