携帯用目次 新着 / 書籍 / 雑誌 / 問題集・就職 / 教材セット / DVD / 書類 / ログ / チャート / 航空用品 / 雑貨 / 時計 / 情報
【携帯からの御注文は、代引きにて承ります】【Mail:info@hobun.com】【携帯からHobunに電話

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

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

メール または  

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

htmlの書き方は:

<form>
<input type="button" value="E-Mail" onclick="location.href='mailto:your@mailaddress.com'">
</form>

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

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

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

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

航空デパート・ホーブン:プロに選ばれる航空図書、航空用品、パイロットグッズの専門店:Hobun
Site Map