HTML裏技:E-mailボタン
Updated on : 02-02-2002
「Javaを使わず、プラグインにも頼らず、お手軽で、しかも全く役に立たない」HTMLの裏技です。ウェブデザインの基本である「おもしろいから真似してみよう」の精神で実験します。ブラウザーによっては機能しないかもしれませんが、そんなことはキッパリと無視。

「メールをしてください」のmailtoリンクには次のような色々なものがよく使われます。

メール または  もしくは

これをボタンで作ると、こうなります。

htmlの書き方は:

<form>
<input type="button" value="E-Mail" onclick="location.href='mailto:[email protected]'">
</form>

"value=...". のところに何を書いてもかまいません。「メールください」と書いてみましょう。ボタンにも「メールください」と表示されます。「mailto:」の右側には自分のメールアドレスを書き入れます。 ためしにこのボタンを作ってみると:

さらに、このメールボタンを押すと、宛先だけではなく、タイトル(件名)も自動で入るようにしましょう。

このボタンのスクリプトは:

<form><input type="button" value="宛先・件名自動入力のE-mailボタン" onclick="location.href='mailto:[email protected]?subject=問い合わせです'"></form>

HTML 裏技 E-mail ボタン 逗子 田越村新聞 Zushi Trivia 根岸英語塾
Site Map