ホームページ >バックエンド開発 >PHPチュートリアル >PHP フォーム Web ページにフォームを挿入する

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

伊谢尔伦オリジナル: 2017-04-18 13:20:572811ブラウズ

通常の 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 ページにフォームを挿入する

どうでしょうか？感覚的にはもう少し眩しく見えませんか？友達は自分でさらにコードを入力して試すことができます。

以上がPHP フォーム Web ページにフォームを挿入するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：strtotime() 関数を使用して 2 つの時間の大きさを比較する詳細な例次の記事：strtotime() 関数を使用して 2 つの時間の大きさを比較する詳細な例

続きを見る