この記事では、HTMLでinputタグを使用する方法を学習します。これは、ユーザーが入力するデータを取得するために使用されるタグです。

入力タグには、ユーザーが入力データを入力できるフィールドを作成する機能があります。

inputタグはformタグと一緒に使用され、ユーザーがデータを入力できるようにする入力コントロールを宣言します。

入力フィールドは、渡されたプロパティに応じて、さまざまな方法で変更できます。

1.入力.tagの使用方法

例：入力フィールドのあるログインフォーム

<form> <h1> Login </h1> Username: <input type="text" name="username"> <br /> Password: <input type="passwword" name="passwword"> <br /> <input type="submit" name="submit" value="Login"> </form>

type属性の値が異なると、入力フィールドがさまざまな方法で表示されることがわかります。

2.入力.tagのいくつかの属性

属性タイプ

タイプは入力タグの最も重要な属性であり、その入力タグの機能を決定します。

タイプのいくつかの値：

• text ：テキスト入力フィールド。
• password ：パスワード入力フィールド。入力文字は*文字でマスクされます。
• checkbox ：チェックボックスボックス。
• radio ：セルラジオボタン
• submit ：フォームを送信するためのボタン。

HTML5のいくつかの値：

• number ：タイプ番号
• url ：サイトパスタイプ
• email ：メールタイプ

他にも多くの値がありますが、ここでは最も一般的に使用される値の一部のみをリストします。

属性値

値も入力タグの非常に重要な属性であり、入力タグの値を指定します。

例：入力.tagのvalue属性

<form> <h1> Login </h1> Username: <input type="text" name="username" value="Nhập username" > <br /> Password: <input type="passwword" name="passwword" value="Nhập password"> <br /> <input type="submit" name="submit" value="Đăng Nhập"> </form>