HTML シンプルな Web フォーム作成例の紹介

<input> はユーザー情報を収集するために使用され、終了ステートメントはありません。
<type>入力要素タイプ、
入力の type 属性、type 属性値:

テキスト（テキストボックス）、ボタン（ボタン）、チェックボックス（チェックボックス）、ファイル（ファイル）、隠し（隠しフィールド）、

画像（画像）、パスワード（パスワードボックス）、ラジオ（ラジオボタン）、リセット（リセットボタン）、送信（送信ボタン）。

<textarea> はテキスト領域を定義し、</textarea> で終了します。textarea 属性:

例：

コードをコピー

コードは次のとおりです。

<テキストエリア行数="3"列数="30">
文章...
</テキストエリア>

<b>太字、終わり</b>

<i>イタリック体、締めくくりの挨拶</i>

<u>下線、締めくくりのコメント</u>

大きなフォント

<small>小さいフォント</small>

<blink>点滅効果</blink>

<em>通常は斜体で強調</em>

<strong>一般的に太字、強調</strong>

<cite> は通常斜体で表記され、引用や例に使用されます。</cite>

コードをコピー

コードは次のとおりです。

<html>
<ヘッド>
<title>登録/ログインへようこそ</title>
</head>
<フォーム名="form1" メソッド="投稿" アクション="">
<P>名前:
<input type="text" value="小神" size="20">
</P>
</フォーム>
<フォーム名="form2" メソッド="投稿" アクション="">
<P>パスワード:
<入力値="123456" タイプ="パスワード" サイズ="22">
</P>
</フォーム>
<フォーム名="form3" メソッド="投稿" アクション="">
性別：
<input name="gen" type="radio" class="input" value="男" チェック済み>
<img src="b.gif" width="23" height="21">男性
<input name="gen" type="radio" class="input" value="女" >
<img src="g.gif" width="23" height="21">女性
趣味を選択:
<ラベル>
<input type="チェックボックス" name=""値=""チェック済み>
</label>チャット
<ラベル>
<input type="チェックボックス" name="" value="">
</label>映画
<ラベル>
<input type="チェックボックス" name="" value="">
</label>ゲーム  
生年月日：
<input name="byear" value="yyyy" size=4 maxlength=4 >年
<名前を選択="bmon">
<option value=" " selected>[月を選択] </option>
<option value=0>1月</option>
<option value=1>2月</option>
<option value=2>3月</option>
<option value=3>4月</option>
</select>月
<input name="bday" value="dd" size=2 maxlength=2 >日
<div class="left">
<span class="spanTxt">確認するには右の画像の番号を入力してください</span>:
<span class="shortInputSpan"><input type="text" class="short_input" name="validatecode" id="validatecode" maxlength="4" onFocus="textshow(this,'確認コードを正しく入力してください');"/></span>
<span class="h1">
<img id="vcode" name="vcode" alt="" src="help_alarm.jpg" height="28" width="63" align="absmiddle"/><a href="javascript:changeimg();" class="code_style">よく見えないので、1つ変更してください</a>
</span>
</div>
</フォーム>
<フォーム>
<input type="checkbox" id="chkagreement" name="chkagreement" selected="チェック済み"/>
<a href="小神幻化成.html" target="_blank" >《XXX 登録契約》</a> に同意する
</フォーム>
<フォーム名="form7" メソッド="投稿" アクション="">
<textarea name="textarea" cols="35" rows="6">このサービス利用規約をお読みいただきありがとうございます。この契約に定められた条件は、XXX のサービスの使用に適用されます。
このサービス契約は私とあなた、そして彼のためのものです。
このサービス契約は契約上の効力を持ちます。
私の権利と義務
</テキストエリア>
</フォーム>
</html>

<<: Webフロントエンド開発経験の概要

>>: CSS の順序付きリストまたは順序なしリストの前に list-style-type 属性を実装する