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

HTMLフォームでチェックボックスボタンを使用するにはどうすればよいですか？

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

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

HTMLフォームのラジオチェックボックスを使用してユーザー入力を取得する方法について学びましょう。チェックボックスは、複数のオプションを選択する必要がある場合に使用されます。また、HTMLのタグを使用して作成されますが、タイプ 属性はチェックボックスに設定されています。

ここに属性があります-

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

HTMLフォームでチェックボックスボタンを使用するにはどうすればよいですか？

例

次のコードを実行して、HTMLのチェックボックスボタンの操作方法を学ぶことができます-

<!DOCTYPE html>
<html>
   <body>
      <head>
         <title>HTML Checkbox Button</title>
      </head>
      <p>Which languages you work on:</p>
      <form>
         <input type="checkbox" name="language1" value="java">Java
         <br>
         <input type="checkbox" name="language2" value="php">PHP
         <br>
         <input type="checkbox" name="language3" value="cpp">C++
         <br>
      </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