統計ユーザーの個人情報のためのHTMLフォーム

そこユーザーの個人情報収集技術を使用フォームに必要であるとき、インターフェースに登録されたサイトは、しばしばあるform要素、フォーム要素は、入力要素、チェックボックス、ラジオボタンの種類を持って、ボタンを提出し、より。

入力要素

<input>要素は、最も重要なフォーム要素です。
type属性に応じて、<input>要素は多くの形態があります。以下のような:
JTextFieldのクラスのデフォルトの20文字の中に単純なテキスト入力、類似したスイング:テキスト
ラジオ:ラジオボタン、JRadioでスイングのような(これではありません忘れて...)
送信:送信ボタン、設定に似てアクションリスナーのJButton。
例えば:

<!DOCTYPE html>
<html lang="en">
    <head >
        <meta charset="UTF-8">
        <base href="https://user.qzone.qq.com" />
        <base target="_blank"/>
    </head>
    <body background="background.jpg" >
        <form title="个人信息备案">
            <p>姓名:</p>
            <input type="text" name="姓名"/>
            <p>家庭地址:</p>
            <input type="text" name="地址"/>
            <p>联系电话</p>
            <input type="text" name="手机号"/>
            <p>性别:</p>
            <input type="radio" name="姓名" value="男"/> M
            <input type="radio" name="姓名" value="女"/> W
            <pre></pre><!--为了美观,不然上下隔得太近了-->
            <input type="submit" name="提交" value="确认提交" />

        </form>
    </body>
</html>

図効果:ここに画像を挿入説明
赤い矢印が事前に効果あり

属性の形式では、アクションの他のプロパティを追加することができ
action属性は、フォームが送信されたときにアクションが実行された定義を。
一般的な方法は、送信ボタンを使用することで、サーバーにフォームを送信します。
通常、フォームは、Webサーバ上のWebページに送信されます。
:このような<form action="action_page.php">あなたはaction属性を省略した場合、指定したWebページのコンテンツに提出される送信ボタンをクリックした後、アクションが現在のページに設定されます。
また、Name属性が存在し
、適切に提出する場合は、各入力フィールドには、name属性に設定する必要があります。
上に書いたよう:

			<input type="text" name="姓名"/>
            <input type="text" name="地址"/>
            <input type="text" name="手机号"/>
            <input type="radio" name="姓名" value="男"/> M
            <input type="radio" name="姓名" value="女"/> W
            <input type="submit" name="提交" value="确认提交" />

無属性名が存在しない場合には、そのサーバーが情報を受信すること、そこに名前のname属性の値に応じて処理することができるデータが送信されることはありません。

<fieldset>フォームデータの組み合わせ
<fieldset>データの組み合わせの形での要素
<legend>title要素で定義された要素。
以下のような:

<!DOCTYPE html>
<html>
<body>

<form action="/demo/demo_form.asp">
<fieldset>
<legend>Personal information:</legend>
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</fieldset>
</form>

</body>
</html>

図の効果:
ここに画像を挿入説明
特性の全てを有する単一のフォームのフォーム添付:
ここに画像を挿入説明

公開された21元の記事 ウォンの賞賛1 ビュー546

おすすめ

転載: blog.csdn.net/qq_44309046/article/details/104255323
おすすめ