HTMLフォーム

ウェブサイトはユーザーとどのように対話しますか?答えは、HTML フォームを使用することです。フォームはビューアによって入力されたデータをサーバーに送信できるため、サーバー側のプログラムはフォームから渡されたデータを処理できます。

文法:

<form   method="传送方式"   action="服务器文件">

説明:

1.<form>: <form> タグは、<form> で始まり </form> で終わります。

2.action: PHP ページ (save.php) など、訪問者が入力したデータが送信される場所。

3.method: データ送信メソッド (get/post)。

<form    method="post"   action="save.php">
        <label for="username">用户名:</label>
        <input type="text" name="username" />
        <label for="pass">密码:</label>
        <input type="password" name="pass" />
</form>

注:

1. すべてのフォーム コントロール (テキスト ボックス、テキスト フィールド、ボタン、ラジオ ボックス、チェック ボックスなど) は <form></form> タグの間に配置する必要があります。ユーザーが入力した情報はサーバーに送信されない場合があります。)

2. メソッド: post/get の違い この部分はバックエンド プログラマーが考慮すべき事項です。興味のある方は、詳細な紹介が記載されているこのセクションの Wiki を参照してください。

学び続ける
||
<html> <head> <style> div#container{width:1000px} div#header {background-color: royalblue ;height: 100px;text-align:center;font-size: 20px} div#sidebar{background-color: darkorange;height:400px;width:300px;float:left;} div#mainbody {background-color: forestgreen;height:400px;width:700px;float:left;} div#footer {background-color: powderblue;height: 100px;clear:both;text-align:center;} </style> </head> <body> <div id="container"> <div id="header"> <h1>php中文网</h1> </div> <div id="sidebar"> <dl> <dt>list of book</dt> <dd> <ol> <li>hadoop</li> <li>linux</li> <li>c</li> </ol> </dd> </dl> </div> <div id="mainbody"> <h1>the summary of the book</h1> <p>i will lead you to travel in the season of linux</p> <form> <input type="checkbox" name="married" /> married <br/> <input type="checkbox" name="have a job" /> have a job <br/> <input type="checkbox" name="chinese" /> chinese </form> </div> <div id="footer">good good study day day up</div> </div> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜