フロントエンドでのファイルのアップロードに関する包括的な基本的なリテラシーの投稿 (入門)

序文

なぜ章ごとに書くのでしょうか？知識のポイントが多いので、基礎が苦手な人に配慮して、過去を振り返り新しいことを学ぶために、頑張って詳しく紹介するかもしれません。

最初は本当に 1 つの記事で終わらせるつもりでしたが、途中で、これだけの内容を見てすでにかなり長い記事になっていることに気づきました。そして、誰もがそうする必要はありません。すべての内容を理解しているため、必要に応じて読者に知らせるために分割することにしました。

なぜ第0章があるのですか？基本的な内容なので、ほとんどの人は無視しても構いません。無視できるのは少数の初心者や記憶力の低い人だけです。

まず、ビジネスアップロードは私にとって常に非常に恐ろしいことであり、以前は標準がなかったため、アップロードを実装するにはあらゆる種類のうんざりする互換性コードを作成する必要があったため、あまり経験がありませんでした。 、プラグインはバグが発生しやすく、変更できないことが多いため、今日に至るまで、本物の戦士は常に血なまぐさい現実に直面しなければなりません。そのため、アップロードに関する知識を学び、まとめるための記事を特別に公開しました。使用する必要があるいくつかの API を参照します。

ゼロ、基本 (知識ポイントは主に w3school から得られます) (すでに慣れている人はこの章を飛ばしてください)

 <form action= method= ></form>

タグは、ユーザー入力用の HTML フォームを作成するために使用されます。フォームには、テキスト フィールド、チェック ボックス、ラジオ ボタン、送信ボタンなどの入力要素を含めることができます。フォームには、メニュー、テキストエリア、フィールドセット、凡例、およびラベル要素を含めることもできます。フォームは、データをサーバーに転送するために使用されます。

詳細については、フォームについてをクリックしてください

ラベル

 <label for=male>男性</label><input type=radio name=sex id=male /><label for=girl>女の子</label><input type=radio name=sex id=girl />

label 要素はユーザーに特別な効果を与えません。ただし、マウス ユーザーにとっては使いやすさが向上します。このコントロールは、ラベル要素内のテキストをクリックするとトリガーされます。つまり、ユーザーがラベルを選択すると、ブラウザは自動的にラベルに関連するフォーム コントロールにフォーカスを向けます。 タグの for 属性は、関連要素の id 属性と同じである必要があります。

詳細については、「About」ラベルをクリックしてください。

入力

 <input type=text name=fname/><input type=password name=password><input type=checkbox name=Bike><input type=checkbox name=Car><input type=radio selected=checked name=性別値=男性/><入力タイプ=ラジオ名=性別値=女性/><選択名=車> <オプション値=volvo>ボルボ</オプション> <オプションvalue=saab>サーブ</option> <option value=fiat>フィアット</option> <option value=audi>アウディ</option></select><textarea rows=10cols=30>

タグはユーザー情報を収集するために使用されます。入力フィールドには、type 属性の値に応じてさまざまな形式があります。入力フィールドには、テキスト フィールド、チェックボックス、コード化されたテキスト コントロール、ラジオ ボタン、ボタンなどがあります。

詳細は入力をクリックしてください

 <入力タイプ=送信値=送信>

Submit オブジェクトは、HTML フォームの送信ボタンを表します。フォームが送信される前に、onclick イベント ハンドラーがトリガーされ、ハンドラーは fasle を返すことでフォームの送信をキャンセルできます。

submit: フォームデータを Web サーバーに送信します。このメソッドは、ユーザーが [送信] ボタンをクリックした場合と同じ方法でフォームを送信しますが、フォームの onsubmit イベント ハンドラーは呼び出されません。

詳細については、送信をクリックしてください

 <button type=button>クリックしてください!</button>

ボタン要素内には、テキストや画像などのコンテンツを配置できます。これが、この要素と input 要素を使用して作成されたボタンの違いです。

<input type=button> と比較して、<button> コントロールはより強力な機能と豊富なコンテンツを提供します。タグ間のすべてがボタンのコンテンツであり、テキストやマルチメディア コンテンツなどの許容可能な本文コンテンツも含まれます。たとえば、ボタンに画像と関連テキストを含めて、それらを使用してボタン内に魅力的なマークアップ画像を作成できます。

唯一禁止されている要素はイメージ マッピングです。これは、マウスやキーボードに依存するアクションがフォーム ボタンの動作を妨げるためです。

ボタンには必ず type 属性を指定します。 Internet Explorer のデフォルトのタイプはボタンですが、他のブラウザ (W3C 仕様を含む) のデフォルトは送信です。

(重要: HTML フォームで button 要素を使用する場合、ブラウザーによって送信される値は異なります。Internet Explorer は <button> と <button/> の間のテキストを送信しますが、他のブラウザーは value 属性の内容を送信します。 HTML フォームの input 要素を使用してボタンを作成します)。

詳細については、「About」ボタンをクリックしてください