ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLラジオボタンをデフォルトで選択するにはどうすればよいですか? inputタグのラジオボタン使用例

HTMLラジオボタンをデフォルトで選択するにはどうすればよいですか? inputタグのラジオボタン使用例

寻∝梦
寻∝梦オリジナル
2018-09-01 15:29:0043439ブラウズ

この記事では、HTML input タグのラジオボタンの使い方と、HTML input タグのデフォルトのラジオボタンの使い方を主に紹介します。次に、この記事を見てみましょう

まず、HTML の input タグのラジオ ボタンの実践を紹介します。

タグはユーザー情報を収集するために使用されます。入力フィールドには、さまざまな type 属性値に基づいた多くのフォームがあります。入力フィールドには、テキスト フィールド、チェックボックス、マスクされたテキスト コントロール、ラジオ ボタン、ボタンなどがあります。

早速、コード例を示します:

<form action="form_action.asp" method="get">
<input type="radio" name="radio" value="1">单选1
<input type="radio" name="radio" value="2">单选2
<input type="radio" name="radio" value="3">单选3
<input type="radio" name="radio" value="4">单选4
</form>

この効果は簡単にわかります。まずブラウザでの表示効果を見てみましょう:

HTMLラジオボタンをデフォルトで選択するにはどうすればよいですか? inputタグのラジオボタン使用例

この効果は、非常に単純なコード

多くの Web サイトでよく見られる別の種類として、性別の単一選択があります。これは、基本的にこの種の単一選択ボックスを使用して作成されます。コードは以下の通りです。

HTMLのラジオボタンは男女どちらでも選択できるように性別選択を実装しています。 実装方法:ボタンの属性にname属性を記述し、値を設定します。これは、よく見かける 2 つのラジオ ボタン ボックスがあるだけです。

次に、HTML ラジオ ボタンをデフォルトで選択する方法について説明します。

まず最初に、次のように属性を追加するだけで済みます。これはまだ明らかです。レンダリングを参照してください:

これは自分でクリックしたわけではありませんが、更新後も Radio 2 で表示されます。

HTMLラジオボタンをデフォルトで選択するにはどうすればよいですか? inputタグのラジオボタン使用例デフォルトでラジオ ボタンが選択されていることがわかります。実際に試して、さらにコードを入力してください。

これで、HTML 入力タグをラジオ ボタンとして使用する方法についての記事は終わりです。ご質問がある場合は、以下からお問い合わせください。

【編集者のおすすめ】

HTMLに画像を追加するコードとは? HTMLに画像パスを正しく追加するにはどうすればよいですか?

HTMLフォントタグのフォントサイズを設定するにはどうすればよいですか? HTMLフォントタグ属性の使い方を紹介

以上がHTMLラジオボタンをデフォルトで選択するにはどうすればよいですか? inputタグのラジオボタン使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。