HTMLフォームやルート学習の入力端、学習

フォーム

フォーム要素を含む領域を形成します。

入力情報要素に:(テキストフィールド、ドロップダウンリスト、ラジオボタン、チェックボックス、などなど)をユーザに可能にするフォームのフォーム要素。

formタグを使用してフォーム(<FORM>)が定義されています。

<フォーム> 
... 
  入力元素
... 
</フォーム>

エントリー

ほとんどの場合に使用されるフォームタグは、入力されたタグ(<入力>)です。入力タイプは、タイプ属性(種類)によって定義されます。次のように最も頻繁に使用される入力タイプは次のとおりです。

1)テキストフィールド(テキストフィールド)

ユーザーがフォームに文字、数字、およびその他のコンテンツを入力する場合は、テキストフィールドを使用します。

<フォーム> 
まず名前:
の<input type = "text" NAME = "FIRSTNAME" /> 
<br /> 
最終名:
の<input type = "text" NAME = "姓" /> 
</フォーム>

ブラウザは、次のように表示されます

最初の名前:  
姓: 

注:フォーム自体が表示されていません。一方、ほとんどのブラウザでは、テキストフィールドのデフォルトの幅は20文字です。

2)ラジオボタン(ラジオボタン)

ユーザーが選択いずれかの与えられた瞬間の数から選択すると、それは、ラジオボタンを使用します。

<フォーム> 
の<input type = "ラジオ"名前= "性別"値= "男性" />男性
<br /> 
の<input type = "ラジオ"名前= "性別"値= "女性" />女性
</フォーム>

ブラウザは、次のように表示されます

 男性 
 女性

注:あなただけのものから選択することができます。

3)チェックボックス(チェックボックス)

ユーザが所与の選択の複数からの1つのまたは複数のオプションを選択する必要がある場合、ボックスが使用されます。

<フォーム> 
の<input type = "チェックボックス"名前= "自転車" /> 
私は自転車を持っている
<br /> 
<入力タイプ= "チェックボックス"名前= "車" /> 
私は車を持っている
</フォーム>

ブラウザは、次のように表示されます

 私は自転車をしている 
 私は車を持っています

フォームaction属性(アクション)、そしてOKボタン

ユーザーが[OK]ボタンをクリックすると、フォームの内容は別のファイルに送信されます。フォームのaction属性は、宛先ファイルのファイル名を定義します。action属性定義ファイルは、通常のプロセスに関連した入力データを受信します。

<フォーム名= "入力"アクション= ""メソッド= "GET"> 
ユーザー名:
の<input type = "text" NAME = "ユーザー" /> 
<入力タイプ= "送信"値を= "送信" /> 
</フォーム>

以下のブラウザが表示されます。新しいフロントエンド学習qun438905713、グループのほとんどは、ゼロベースの学習者です、私たちはお互いに答える、お互いを助け、また、学習教材の多くを準備するには、Exchangeへのゼロベースのジュニアパートナーを歓迎しました。

ユーザー名:  

FORMタグ

タグ 説明
<フォーム> ユーザー入力用フォーム定義
<入力> 入力フィールドを定義します。
<TEXTAREA> 定義されたテキストフィールド(複数行入力コントロール)
<ラベル> タグは、コントロールを定義します
<フィールドセット> ドメイン
<伝説> ドメインのタイトル
<選択> 選択リストを定義します。
<OPTGROUP> オプションの定義された一連
<オプション> オプションの定義されたドロップダウンリスト
<ボタン> ボタンの定義
<ISINDEX> 放棄された、<入力>
公開された39元の記事 ウォン称賛21 ビュー20000 +

おすすめ

転載: blog.csdn.net/webxuexi168/article/details/104318732