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

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

Apr 18, 2017 pm 01:20 PM

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

に表示されます。

まず、HTML の

タグに
フォームを追加します。

次に、一連のフォーム要素と属性を

フォームに追加します。ここでは、友人にページをよりクールに見せるために、いくつかの 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 までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Dec 24, 2024 pm 04:42 PM

PHP 8.4 では、いくつかの新機能、セキュリティの改善、パフォーマンスの改善が行われ、かなりの量の機能の非推奨と削除が行われています。 このガイドでは、Ubuntu、Debian、またはその派生版に PHP 8.4 をインストールする方法、または PHP 8.4 にアップグレードする方法について説明します。

CakePHP データベースの操作 CakePHP データベースの操作 Sep 10, 2024 pm 05:25 PM

CakePHP でデータベースを操作するのは非常に簡単です。この章では、CRUD (作成、読み取り、更新、削除) 操作について理解します。

CakePHP の日付と時刻 CakePHP の日付と時刻 Sep 10, 2024 pm 05:27 PM

Cakephp4 で日付と時刻を操作するには、利用可能な FrozenTime クラスを利用します。

CakePHP ファイルのアップロード CakePHP ファイルのアップロード Sep 10, 2024 pm 05:27 PM

ファイルのアップロードを行うには、フォーム ヘルパーを使用します。ここではファイルアップロードの例を示します。

CakePHP ルーティング CakePHP ルーティング Sep 10, 2024 pm 05:25 PM

この章では、ルーティングに関連する次のトピックを学習します。

CakePHP について話し合う CakePHP について話し合う Sep 10, 2024 pm 05:28 PM

CakePHP は、PHP 用のオープンソース フレームワークです。これは、アプリケーションの開発、展開、保守をより簡単にすることを目的としています。 CakePHP は、強力かつ理解しやすい MVC のようなアーキテクチャに基づいています。モデル、ビュー、コントローラー

CakePHP バリデータの作成 CakePHP バリデータの作成 Sep 10, 2024 pm 05:26 PM

Validator は、コントローラーに次の 2 行を追加することで作成できます。

CakePHP のロギング CakePHP のロギング Sep 10, 2024 pm 05:26 PM

CakePHP へのログインは非常に簡単な作業です。使用する関数は 1 つだけです。 cronjob などのバックグラウンド プロセスのエラー、例外、ユーザー アクティビティ、ユーザーが実行したアクションをログに記録できます。 CakePHP でのデータのログ記録は簡単です。 log()関数が提供されています

See all articles