ITバンドブラザーズのHTML5チュートリアルHTML5はHTMLのフォームデザイン1フォーム

8098cd1da739434b91065966e38599b7.jpg

 

PHPアプリケーションのフォームは、最も一般的に、サイト訪問者のデータ入力インターフェイス情報を収集するために使用されます。ユーザ入力データブラウザのフォームを取得し、処理のためのさまざまな方法で、Webサーバーのスクリプトに送信されます。テキスト入力フィールドを含むフォーム入力、またはより多くのオプションボタン、ドメインのドロップダウンリストなどで、さまざまな方法を提供します。フォームは、<FORM>タグは、特定の領域を規定し、入力フィールドのさまざまを形成することができ、<選択>および<TEXTAREA> 3ページのタグ<INPUT>によって定義されます。

 

1つのformタグ<FORM>

<FORM> </ form>の開始位置と終了位置の形式を定義するタグを作成するための形態は、すべてのものは、開始タグと終了タグの間に定義されているフォームの内容に属します。あなたが送信ボタンをクリックすると、コンテンツは、フォームの送信の範囲内です。そのようなスクリプト処理フォーム、フォーム送信方法の位置などの情報を運ぶために必要な形でさらに、<FORM>タグ。この情報は、視聴者には見えませんが、処理のためにフォーム、しかし、決定的な役割を持っています。表1に示した共通属性タグ。

表1 HTMLフォームタグ共通の属性

 

07d2363952384c0989458c07631f1e97.png

 

<form>タグのaction属性を追加しなければならない、とnullにすることはできません。例えば、<フォームアクション= "login.php" METHOD = "POST">。<フォームアクション=「いいえ」>:プロパティを使用して何のアクションはに定義されていないする必要がある場合。

 

2つのテキストフィールドとパスワードフィールド

在<form>标签内定义的<input>标签具有重要的地位,该标签是单个标签,没有结束标记。<input type="">标签用来定义一个用户输入区,用户可以在其中输入信息。<input>标签中共提供了9种类型的输入区域,具体是哪一种类型由type属性来决定。文本和密码输入域是一个单行文本框,它们基本相似,唯一不同的是,用户在密码域中输入的字符并不以原样显示,而是将每个字符用“*”代替。文本和密码输入域的基本语法格式如下:

<input  type="text" name="field_name" value="field_value" size="n" maxlength="n">       <!-- 输入域 -->

<input  type="password" name="field_name" value="field_value" size="n" maxlength="n">   <!-- 密码域 -->

这些属性的含义如表2所示。

表2  HTML中<input>标签的常用属性z

629a5c98b9ec4844a7ca4b32ddc8a5ad.png

3  提交、重置和普通按钮

在<input>标签中,当type属性值为“submit”时,表示这是一个提交按钮,单击提交按钮后,可以实现表单内容的提交;当type属性为“reset”时,表示这是一个重置按钮,单击重置按钮后,表单的内容将恢复为默认值;当type属性为“button”时,表示这是一个普通按钮,并不实现任何功能,需要和JavaScript等脚本语言一起使用。button按钮必须定义在form之间,否则Netscape浏览器不支持。这3种按钮的基本语法格式如下:

<input  type="submit" name="field_name" value="field_value">  <!-- 提交按钮 -->

<input  type="reset" name="field_name" value="field_value">  <!-- 重置按钮 -->

<input  type="button" name="field_name" value="field_value">  <!-- 普通按钮 -->

4  单选按钮和复选框

单选按钮和复选框都有“选中”和“未选中”两种状态。同一组单选按钮如果有多个选择框,则选择框之间是相互排斥的,只允许用户选择其中的一个。复选框和单选按钮的区别是,复选框允许用户同时选中同一表单中的多个或全部选项,当然,也可以只选其中的一个选项。它们都是只有在“选中”时,数据才能被提交到服务器端。其语法格式如下所示:

<input  type="radio" name="field_name" value="field_value" checked>  <!-- 单选按钮 -->

<input  type="checkbox" name="field_name" value="field_value" checked> <!-- 复选框 -->

 

<input>タグ、場合type属性の値が「チェックボックス」では、このチェックボックスの入力フィールドであることを示し、場合type属性値「ラジオ」は、入力フィールドがラジオボタンであることを示しています。しかし、同じグループ名で複数のラジオボタンは、それらの間の相互に排他的にするために、同じでなければなりません。ラジオボタンやチェックボックスのチェックをプロパティで選択された状態に設定することができます。

おすすめ

転載: www.cnblogs.com/itxdl/p/11669478.html