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

HTMLフォームを使用してユーザー入力を取得するにはどうすればよいですか？

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

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

type属性を使用してユーザー入力を取得するのに役立つタグについて学習しましょう。この属性は、テキスト入力、チェックボックス、ラジオなどのフォーム要素で使用されます。

HTMLフォームを使用してユーザー入力を取得するにはどうすればよいですか？

例

次のコードを実行して、HTMLフォームを使用してユーザー入力を取得することができます。

<!DOCTYPE html>
<html>
   <body>
      <head>
         <title>HTML Forms</title>
      </head>
      <p>Add your details:</p>
      <form>
         Student Name:<br> <input type="text" name="name">
         <br>
         Student Subject:<br> <input type="text" name="subject">
         <br>
         Rank:<br> <input type="text" name="rank">
      </form>
   </body>
</html>

上記では、次の2つの属性を確認できます。

  • タイプ
    入力コントロールのタイプを示し、テキスト入力コントロールの場合はテキストに設定されます
  • 名前
    認識されて値を取得するためにサーバーに送信されるコントロールに名前を付けるために使用されます。

  1. HTMLフォームを使用してメールを送信するにはどうすればよいですか？

    HTMLフォームを使用してメールを送信するには、フォームのaction属性にメールIDを追加する必要があります。その中に、 mailtoを続行するメールを追加します ：つまり、 mailto：emailid@example.com 。 例 次のコードを実行して、HTMLフォームを使用してメールを送信してみてください- <!DOCTYPE html> <html>    <body>       <h2>Student Contact Form</h2>   &nb

  2. HTMLで複数行のテキスト入力（テキスト領域）を作成するにはどうすればよいですか？

    複数行のテキスト入力を作成するには、HTMLのタグを使用します。 cols属性とrows属性を使用して、テキスト領域のサイズを設定できます。フォーム内で使用され、ユーザーが複数の行にテキストを入力できるようにします。 タグの属性は次のとおりです- 属性 値 説明 オートフォーカス オートフォーカス ページの読み込み時にテキスト領域が自動的にフォーカスを取得するように指定します。 列 数値 表示される文字幅の数に基づいて、テキストエリアの幅を指定します。 無効 無効 表示される文字幅の数に基づいて、テキストエリアの幅を指定します。