Mailtoフォームの使い方に関する実践的なヒント

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

新しいウェブビー（webbies）の場合でも、Webフォームは扱いにくい必要はありません。 Mailtoフォームはフォームを簡単に作成する方法です。彼らは電子メールクライアントを利用して、顧客のコンピュータからフォーム所有者にフォームデータを送信します。ウェブサイトユーザーによって完成されたフォームデータは、フォームのコーディングで指定された特定のアドレスに電子メールで送信されます。

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

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

入門

HTMLフォームは、HTMLマークアップを学ぶだけでなく、新しいWeb開発者にとっても難しいことです。フォームとそのフィールドを作成するために必要なHTML要素に加えて、フォームを「動作させる」ための何らかの方法も必要です。これは、通常、フォームの「アクション」属性で作成するCGIスクリプトまたは他のプログラムへのアクセスを必要とします。そのアクションは、フォームがデータをどのように処理するのか、後でどのように処理するのか（データベースへの書き込み、電子メールの送信など）

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

アクション= " mailto：youremailaddress '

これはあなたのウェブサイトからあなたの電子メールにフォームデータを取得する簡単な方法です。確かに、このソリューションはできることでは非常に限られていますが、非常に小さなウェブサイトでは、開始するのが良い場所です。

Mailtoフォームの使い方

使用

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

enctype = "text / plain" 属性は、データを読みやすくするのに役立ちます。

GETまたはPOSTメソッドを使用する一方、

役職 メソッドが動作することがありますが、ブラウザが空の電子メールウィンドウを開くだけです。これがあなたに起こった場合

取得する メソッドを呼び出し、次に切り替えてみてください

役職

Mailtoフォームの例

以下に、mailtoアクションを使用したサンプルフォームを示します。

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

あなたの下の名前：
あなたの名字：
コメント：

あなたの顧客には、フォームが電子メールで送信されているというメッセージが表示されます。結果は次のようになります。

first_name =ジェニファー last_name = Kyrnin コメント=こんにちは！

Mailtoフォームに関する特別な注意

もう一度、この方法は、簡単ですが、それはまた非常に限られています。明らかに、mailtoフォームは、ブラウザと電子メールクライアントのすべての組み合わせに対して常に機能するわけではないことに注意することが重要です。 mailtoフォームを使用しようとしていて、うまくいかなかった場合、これが原因かもしれません。機能を失敗させるテクノロジーの組み合わせがあるかもしれません。このようなフォームの使用を妨げる可能性のあるものの詳細については、「Mailtoフォームが動作しないとき」を参照してください。

この方法は、電子メールを生成しフォームデータを送信するWebフォームを作成する際の最初の試みですが、Webスキルの高度化に伴い、確かにより堅牢なオプションを検討することができます。 CGIスクリプトからPHPフォーム、フォームウィジェットを組み込んだCMSプラットフォームには、将来のウェブサイトフォームのニーズを考慮する高度なオプションが豊富に用意されています。