高度なHTMLフォーム属性を最適に使用する方法は?



この記事では、高度なHTMLフォーム属性のいくつかを紹介し、その過程で実際的なデモンストレーションも行います。

wwwという用語を聞いた後、最初に頭に浮かぶのは明らかにです。基本的に、それはあなたが今日アクセスするすべてのウェブサイトの背後にあるものです。この記事では、いくつかの高度なHTMLフォーム属性について説明します。

この記事では、次のポイントについて説明します。





それでは、この記事を始めましょう。

高度なHTMLフォーム属性

HTMLだけでは、今日私たちが目にする最も愛されているデザインのいくつかで正義を行うことはできません。それは助けを必要とし、それはによって提供されます CSS または カスケードスタイルシート 。 HTMLとCSSを一緒に使用して、魅力的なWebページを作成できます。



高度なHTMLフォーム属性に関するこの記事に進む

HTMLのタグと属性

これらは両方ともHTMLの基本であり、両方とも連携して機能しますが、異なる機能を実行します。

タグ: タグは、HTML要素の開始をマークアップするために使用され、山括弧で囲まれています。



例:

上記のタグは、HTMLの見出しタグです。

属性:これらはタグに関する追加情報であり、タグ内で指定されます。



例:

 ”My

上記のタグは画像タグです altはタグの属性であり、画像の説明を提供しますhello_world.jpg

必要な基本事項について説明したので、この記事の動機である高度なHTMLタグとCSSタグをさらに進めることができます。

高度なHTMLフォーム属性に関するこの記事に進む

最大、最大長、最小属性

これらは特に入力タグの属性です。入力タグは基本的にタグ内で使用され、テキスト、数字、ラジオボタン、日付、チェックボックス、時刻、パスワードなど、ユーザーからのさまざまなタイプの入力を受け入れます。

マックス

この属性は、指定された入力の最大値を指定します。ユーザーが最大値を超えて入力しようとすると、その後は文字や値を受け入れません。

注意:

Max属性はHTML5で導入されました。

例:

受講生の数:

GitHubの要点リンク:

生徒の価値を50を超えて増やすことはできません。

出力-高度なHTMLフォーム属性-Edureka

注意: タグの属性アクションは、入力されたデータが次のプロセスのために送信される場所を指定します。この場合、PHPファイルであるsubmit_detail.phpです。

Javaで関係があります

学生数は、テキストボックスに入力する詳細です。

最初のタグのmax属性は、テキストボックスに入力できる最大数値を示します。これは、max属性の主な動機である50を超える値は受け入れられません。

Maxタグを使用して、ユーザーが入力フィールドに入力できる最大日付を定義することもできます。

例:

生年月日をYYYY-MM-DD形式で入力します。 
最大DOB:2000-03-31

GitHubの要点リンク:

31を使用しましたst最大日付として2000年3月であり、オプションはカレンダーであり、その日付までのみ制限されます。

この入力フィールドでは、ユーザーはmax属性に指定された日付より後の日付を入力できません。

高度なHTMLフォーム属性に関するこの記事に進む

最大長

名前が示すように、この属性は、ユーザーが入力フィールドに入力できる文字の最大長を指定します。属性値は数値です。

例:

ユーザ名を入力してください:

GitHubの要点リンク:

入力フィールドの制限は15文字であるため、入力は15文字に制限されます。

タグのこのmaxlength属性は、指定された値である15を厳密に超えない入力をユーザーが与えることを制限します。

注意 maxlength属性のデフォルト値は524288です。

高度なHTMLフォーム属性に関するこの記事に進む

最小

min属性は、入力フィールドに入力する値の最小値を指定します。

例:

年齢を入力してください:

GitHubの要点リンク:

inputタグのmin属性は、入力年齢が18歳以上であることを定義します。

ヒント: 入力でmin属性とmax属性の両方を使用して、入力に有効な範囲または許容範囲を提供できます。

例:

年齢を入力してください:

GitHubの要点リンク:

これで、高度なHTMLフォーム属性に関するこの記事は終わりです。

これで、フィールドの入力範囲を18未満にすることも50を超えることもできます。max属性とmin属性は、数値、範囲、日付、日時、日時-ローカル、月、時刻、週など、いくつかの入力タイプで使用できます。

HTMLとは何かがわかったので、 Edurekaによる。 Web開発認定トレーニングは、HTML5、CSS3、Twitter Bootstrap 3、jQuery、およびGoogle APIを使用して印象的なウェブサイトを作成し、Amazon Simple Storage Service(S3)にデプロイする方法を学ぶのに役立ちます。

質問がありますか?記事のコメントセクションにその旨を記載してください。折り返しご連絡いたします。