「Mailto」フォームの使い方のチュートリアル

HTML で簡単なメールフォームを作成する

新しいウェブサイト機能 ウェブデザイナー 闘争はフォームですが、Web フォームは複雑である必要はありません。 Mailto フォームは、フォームを機能させる簡単な方法です。これらのフォームは、電子メール クライアントに依存して、顧客のコンピューターからフォームの所有者にフォーム データを送信します。 Mailto フォームは、書き方を学ぶよりも簡単です PHP 事前に作成されたスクリプトを購入するよりも安価です。 HTML mailto フォームの作成方法は次のとおりです。

コートニー・キーティング/ E + /ゲッティイメージズ

入門

HTML フォームは、新規ユーザーにとって難しい場合があります。 ウェブ開発者 これらのフォームには、HTML マークアップを学ぶ以上のことが必要だからです。に加えて HTML 要素 フォームとそのフィールドを作成するために必要な場合、フォームを機能させる方法が必要です。これには通常、PHP へのアクセスが必要です。 CGIスクリプト 、またはフォームのアクション属性を作成する別のプログラム。そのアクションとは、フォームがデータを処理する方法と、その後にデータを処理する方法です (たとえば、データベースへの書き込みや電子メールの送信など)。

フォームを機能させるためのスクリプトにアクセスできない場合は、最新のブラウザーのほとんどがサポートしているフォーム アクションが 1 つあります。

|_+_|

これは、Web サイトからメールにフォーム データを取得する簡単な方法です。このソリューションでできることは限られています。ただし、小規模な Web サイトの場合は、開始するのに適した場所です。

Mailto フォームの使い方のコツ

使用 enctype='text/plain' 属性。この属性は、ブラウザと電子メール クライアントに、フォームが複雑なものではなくプレーン テキストを送信していることを伝えます。

一部のブラウザーおよび電子メール クライアントは、エンコードされたフォーム データを送信します。 ウェブページ .これは、データが 1 行として送信されることを意味し、スペースはプラス記号 (+) に置き換えられ、その他の文字はエンコードされます。を使用して enctype='text/plain' 属性により、データが読みやすくなります。

Mailtoフォームのサンプル

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

|_+_|
あなたの下の名前：

あなたの名字：

コメント:

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

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

|_+_|

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

一方、 役職 メソッドが機能する場合もありますが、ブラウザで空白の電子メール ウィンドウが開かれることがよくあります。これがあなたに起こった場合 得る メソッド、次に切り替えます 役職 .

Mailtoフォームに関する特記事項

この方法は簡単ですが、制限もあります。 mailto フォームは、ブラウザーと電子メール クライアントのすべての組み合わせで常に機能するとは限らないことに注意してください。 mailto フォームを使用してうまくいかなかった場合は、テクノロジーの組み合わせが原因で機能が失敗した可能性があります。

この方法は、電子メールを生成してフォーム データを送信する Web フォームを作成する最初の試みとして適しています。 Web スキルが上達したら、より堅牢なオプションを検討してください。 CGI スクリプトから PHP フォーム、フォーム ウィジェットが組み込まれた CMS プラットフォームに至るまで、将来の Web サイト フォームのニーズに備えて考慮すべき高度なオプションが多数あります。