HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLフォームでラジオボタンを使用するにはどうすればよいですか？

HTMLフォームを使用すると、ユーザー入力を簡単に受け取ることができます。

タグは、フォーム要素を追加することにより、ユーザー入力を取得するために使用されます。さまざまな種類のフォーム要素には、テキスト入力、ラジオボタン入力、送信ボタンなどがあります。

HTMLフォームのラジオボタンを使用してユーザー入力を取得する方法を学びましょう。ラジオボタンは、多くのオプションがない場合に使用されます。選択する必要があるオプションは1つだけです。また、HTMLのタグと typeを使用して作成されます 属性がラジオに設定されている 。

ラジオボタンの属性は次のとおりです-

Sr.No
属性と説明
1
タイプ
入力コントロールのタイプを示し、チェックボックス入力コントロールの場合はラジオに設定されます。
2
名前
認識されて値を取得するためにサーバーに送信されるコントロールに名前を付けるために使用されます。
3
値
ラジオボックスが選択されている場合に使用される値。
4 チェック済み
チェック済みに設定 デフォルトで選択したい場合。


HTMLフォームでラジオボタンを使用するにはどうすればよいですか？

例

次のコードを実行して、HTMLでラジオボタンを操作する方法を学ぶことができます-

<!DOCTYPE html>
<html>
   <body>
      <head>
         <title>HTML Radio Button</title>
      </head>
      <p>Gender</p>
      <form>
         <input type="radio" name="gender" value="male">Male
         <br>
         <input type="radio" name="gender" value="female">Female
      </form>
   </body>
</html>

  1. HTMLでプレースホルダー属性を使用するにはどうすればよいですか？

    テキスト領域または入力フィールドのヒントを設定する場合は、HTMLプレースホルダー属性を使用します。ヒントは期待値であり、ユーザーが名前や詳細などの値を入力する前に表示されます。 例 次のコードを実行して、HTMLでプレースホルダー属性を使用する方法を学ぶことができます。 <!DOCTYPE html> <html>    <body>       <h2>Register</h2>       <form action="/new

  2. HTMLで年入力タイプを使用するにはどうすればよいですか？

    月の入力タイプは、HTMLでを使用して使用されます。これを使用して、ユーザーが月と年を選択できるようにします。しかし、年のポップアップのみを表示したい場合はどうなりますか？ええと、年の入力タイプは利用できません。 年の入力タイプを使用するには、jQueryを使用してdatepickerを追加します。テキスト入力タイプで使用されます。プログラムを実行すると、年のみが表示されます。 次のコードを実行して、入力タイプを使用して年を設定する方法を学ぶことができます 例 <html>    <head>       &l