Mailtoフォームの使い方に関するチュートリアル

HTMLフォームチュートリアル

多くの新しいウェブデザイナーが苦労しているウェブサイトの共通の特徴はフォームです。 人々があなたに連絡して質問をしたり、提供している製品やサービスに関心を示したりする簡単な方法として、ウェブサイトにフォームを追加することができます。 残念ながら、複雑なサイトフォームを追加する方法に関するオンラインチュートリアルは、混乱を招き、新しいWeb専門家を遠ざけることになります。

新しいウェブビー(webbies)の場合でも、Webフォームは扱いにくい必要はありません。

Mailtoフォームはフォームを簡単に作成する方法です。 彼らは電子メールクライアントを利用して、顧客のコンピュータからフォーム所有者にフォームデータを送信します。 ウェブサイトユーザによって完成されたフォームデータは、フォームのコーディングで指定された特定のアドレスへの電子メールである。

あなたがウェブデザインに慣れておらず、より複雑なやりとりをプログラミングする方法がわからない場合、または小さなウェブサイトを実行していてフォームを簡単に追加したい場合は、mailtoフォームを連絡フォームとして使用することが多いPHPを書くことを学ぶよりも簡単です。 それはあなたのためにそれを行うためにあらかじめ書かれたスクリプトを買うよりも安いです。

このクイックチュートリアルでは、mailtoフォームの使い方を学びます。 以前はこれまでにやったことがない場合でも、テクニックを習得するのは簡単で、確かに「Webデザインの始まり」の領域です。

入門

HTMLフォームは、HTMLマークアップを学ぶだけでなく、新しいWeb開発者にとっても難しいことです。 フォームとそのフィールドを作成するために必要なHTML要素に加えて、フォームを「動作させる」ための何らかの方法も必要です。 これは、通常、フォームの「アクション」属性で作成するCGIスクリプトまたは他のプログラムへのアクセスを必要とします。

そのアクションは、フォームがデータをどのように処理し、後でそれがデータとともに処理するか(データベースへの書き込み、電子メールの送信など)です。

フォームを動作させるスクリプトにアクセスできない場合は、最新のブラウザーでサポートされているフォームアクションが1つあります。

action = " mailto:youremailaddress "

これはあなたのウェブサイトからあなたの電子メールにフォームデータを取得する簡単な方法です。

確かに、このソリューションはできることでは非常に限られていますが、非常に小さなウェブサイトでは、開始するのが良い場所です。

Mailtoフォームの使い方

enctype = "text / plain"属性を使用する
これは、ブラウザと電子メールクライアントに、フォームが何か複雑ではなくプレーンテキストを送信していることを伝えます。 一部のブラウザと電子メールクライアントは、 Webページ用にエンコードされたフォームデータを送信します 。 つまり、データは1つの長い行として送信され、スペースはプラス(+)に置き換えられ、他の文字はエンコードされます。 enctype = "text / plain"属性を使用すると、データを読みやすくなります。

GETまたはPOSTメソッドを使用する
POSTメソッドが動作することがありますが、ブラウザが空白の電子メールウィンドウを開くことがあります。 これがGETメソッドで発生した場合は、POSTに切り替えてみてください。

Mailtoフォームの例

ここでは、mailtoアクションを使用するサンプルフォームを示します(これは非常に簡単なマークアップです。理想的には、セマンティックマークアップと要素を使用してこれらのフォームフィールドをコーディングしますが、この例ではこのチュートリアルの範囲で十分です)。



あなたの名字:

あなたの姓:

コメント: