HTML Checkbox をオンラインで作成
HTML Checkbox ジェネレーターは、<input type="checkbox"> と、それに関連付けられた <label> を作成します。Name、ID、表示する Label、初期の Checked 状態を設定すると、プレビュー、HTML 出力、C# 出力が連動して更新されます。
HTML Checkbox ジェネレーターの設定
- Name は、フォーム送信時に選択された checkbox を識別する
nameを設定します。 - ID は input の
idを設定します。生成される label のfor属性にも同じ値が使用されます。 - Label は checkbox の横に表示されるテキストを設定します。
- Checked は boolean 属性の
checkedを追加し、checkbox を初期状態で選択済みにします。
Label と checkbox の関連付けを維持するため、最終的なドキュメント内で一意となる空でない ID を使用してください。
C# で HTML Checkbox を作成
C# パネルには、 Aspose.HTML for .NET を使用して同じ checkbox と label を作成する方法が表示されます。生成されたコードは次の手順を実行します。
HTMLDocumentを作成し、CreateElement()でHTMLInputElementを作成します。- 選択した設定に基づいて checkbox の type、ID、name、初期の checked 状態を指定します。
HTMLLabelElementを作成し、For プロパティと表示テキストを設定します。AppendChild()で両方の要素を追加し、Save()で完成したドキュメントを書き出します。
Checkbox を設定してから、更新された C# コードを .NET プロジェクトへコピーしてください。
HTML Checkbox ジェネレーターの FAQ
1. Checkbox の ID と label の for 属性を一致させる必要があるのはなぜですか?
値を一致させると、label と checkbox が明示的に関連付けられます。Label をクリックしてコントロールを切り替えられるようになり、支援技術も checkbox を説明するテキストを判別できます。ID はページ内で一意にしてください。
2. Checkbox の Name と ID は何が違いますか?
Name はフォーム送信時に checkbox の値を識別します。ID はドキュメント内の要素を識別し、label と関連付けます。複数の checkbox で同じ Name を使用できますが、ID はそれぞれ一意でなければなりません。
3. Checkbox が選択されていない場合、何が送信されますか?
選択されていない checkbox は、フォーム送信時に name と value の組を送信しません。選択済みで value が明示されていない場合、ブラウザーは既定値の on を使用します。
4. Checked を有効にすると、ユーザーは checkbox を解除できなくなりますか?
いいえ。checked 属性が指定するのは、ページ読み込み時の初期状態だけです。別のアプリケーションロジックで無効化または制御しない限り、ユーザーは checkbox を選択または解除できます。
5. 複数の checkbox に同じ Name を設定できますか?
はい。関連する checkbox は同じ Name を共有できますが、それぞれに一意の ID と Label が必要です。サーバー側で選択項目を区別するには、生成された HTML をコピーした後で各 checkbox に異なる value 属性を追加してください。
Aspose.HTML for .NET のインストール
.NET CLI を使用して、NuGet から Aspose.HTML for .NET をインストールします。
dotnet add package Aspose.HTML
NuGet パッケージ マネージャーの UI を使用するか、パッケージ マネージャー コンソールで Install-Package Aspose.HTML を実行することもできます。セットアップの詳細は
インストール ガイド
を参照してください。評価制限なしで API を試すには、
一時ライセンス
を申請できます。
その他の HTML ジェネレーター
一般的な HTML 要素のマークアップを作成してプレビューできます。