PHP フォーム Web ページにフォームを挿入する-PHPチュートリアル-php.cn

PHP フォーム Web ページにフォームを挿入する

伊谢尔伦

リリース： 2023-03-07 14:36:01

オリジナル

2787 人が閲覧しました

通常の WEB ページへのフォームの挿入は次のとおりです。ここでは比較的完全なフォームが作成され、基本的にすべての要素と属性が

フォームに追加します。ここでは、友人にページをよりクールに見せるために、いくつかの CSS スタイルがフォームタグに追加されています。

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

ログイン後にコピー

説明: このフォームには、一般的なフォーム要素: 単一行テキストボックス、複数行テキストボックス、単一オプション (ラジオ)、複数オプション (チェックボックス)、および複数選択メニューが含まれています。

maxlength は、名前とパスワードのテキストボックスに関連付けられた属性で、ユーザーのパスワードの最大長を 100 文字に制限します。

リストボックスはリストメニューであり、その名前付き属性には選択用の独自の値があります。 Selected は特定の属性選択要素です。オプションがこの属性に関連付けられている場合、その項目は表示時に最初の項目としてリストされます。

イントロテキストボックスのコンテンツには、行と列に応じてテキスト、行、列の幅が表示されます。

チェックされたタグは、デフォルトで選択されている単一オプションおよび複数オプションの特定の値を参照します。

このファイルを index.phppage として保存します。

上記のファイルのフォームフォームはPOSTメソッドを使用してデータを転送するため、ユーザーが送信したデータは$_POSTまたは$_REQUESTのスーパーグローバル配列に保存され、その値に基づいて送信を処理できます。 $_POST 配列内。フォームデータの取得方法については後ほど詳しく紹介します。POSTメソッドはmethod=”post”で選択します。フォームはフォームデータを取得する際のアプリケーションの最も基本的な操作ですので、フォームの後ろにあるコース紹介に注目してください。

注: このページは PHP スクリプトを使用していないため、静的ページです。.html 形式で保存し、ブラウザを使用して直接ファイルを開いて実行結果を表示できます。

ブラウザにアドレスを入力してEnterキーを押します。実行結果は次のようになります。

PHP フォーム Web ページにフォームを挿入する