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アクションを使用するサンプルフォームを示します(これは非常に簡単なマークアップです。理想的には、セマンティックマークアップと要素を使用してこれらのフォームフィールドをコーディングしますが、この例ではこのチュートリアルの範囲で十分です)。
あなたの名字:
あなたの姓:
コメント:
form>
あなたの顧客には、フォームが電子メールで送信されているというメッセージが表示されます。 結果は次のようになります。
first_name =ジェニファー
last_name = Kyrnin
コメント=こんにちは!
Mailtoフォームに関する特別な注意
もう一度、この方法は、簡単ですが、それはまた非常に限られています。 明らかに、 mailtoフォームは 、ブラウザと電子メールクライアントのすべての組み合わせに対して常に機能するわけではないことに注意することが重要です。 mailtoフォームを使用しようとしていて、うまくいかなかった場合、これが原因かもしれません。機能を失敗させるテクノロジーの組み合わせがあるかもしれません。 このようなフォームの使用を妨げる可能性のあるものの詳細については、「 Mailtoフォームが動作しないとき 」を参照してください。
この方法は、電子メールを生成しフォームデータを送信するWebフォームを作成する際の最初の試みですが、Webスキルの高度化に伴い、確かにより堅牢なオプションを検討することができます。 CGIスクリプトからPHPフォーム、フォームウィジェットを組み込んだCMSプラットフォームには、将来のウェブサイトフォームのニーズを考慮する高度なオプションが豊富に用意されています。
Jennifer Kryninのオリジナル記事。 ジェレミージラール編集:9/12/17