初心者大歓迎!HTMLを使って一緒にHP作成してみませんか?


超初心者のための超かんたんHP作成講座・サルでもわかる?かんたんHTML

サルでもわかる?かんたんHTML トップページ  >>> #8.フォーム  >>> ボタンに表示する文字を変えよう



      



ボタンに表示する文字を変えよう



HP作成講座の先生  「今回は送信・リセットボタンに表示する文字を変えるぞぃ。」



 サンプル


       




HP作成超初心者  「わぁ!ボタンの文字が2行になった!
    こんなこともできるんですね〜。」


HP作成講座の先生  「ふぉっふぉっふぉっ。今回はこんなタグを使うぞぃ。」




電球  ボタンに表示する文字を変えるタグ
-----------------------------------------------------------------


 <value="■"> : ボタンに■と表示する。

             (■にはボタンに表示したい文字を入れる)


-----------------------------------------------------------------



HP作成講座の先生  「ボタンに表示したい文字数に合わせて
    ボタンの大きさも勝手に変化するぞぃ。」


HP作成超初心者  「サンプルみたいに、複数行表示したいときは
    <BR> を使って改行するんですか?」


HP作成講座の先生  「いいや。これは enterキー を使って改行するんじゃ。
    <BR> を使うとタグがそのまま表示されてしまうぞぃ。
    では実際に使ってみようかのぅ。」



 メモ帳
<BODY>〜</BODY> の間に入力


<FORM action="mailto:自分のメールアドレス" method="post" enctype="text/plain">


<INPUT type="submit" value="ぱんだ先生にファンメールを送るならこっちのボタンを押してくれぃ。">

<INPUT type="reset" value="なんじゃ、やめるのか?残念じゃのぅ・・・。">

<INPUT type="submit" value="enterキーを使って
改行してみるぞぃ。"
>

<INPUT type="reset" value="もしここに<BR>を入力すると・・・。">


</FORM>




HP作成講座の先生  「ブラウザではこんな風に表示されるぞぃ。」



 ブラウザ




↑ 文字数にあわせてボタンの大きさが変わっておるな。




↑ ちゃんと2行になっておるな。




↑ <BR>では改行されずに、タグがそのまま表示されておる。




HP作成講座の先生  「どうじゃ?ちゃんと文字は表示されたかのぅ?
    次回は名前やメールアドレスなどの入力欄を作るぞぃ。
    今回はこれでおしまいじゃ。」





↑ページのTOPへ


送信・リセットボタンを作ろう
<<< 前のページへ戻る
入力欄(1行)を作ろう
次のページへ進む >>>


サルでもわかる?かんたんHTML トップページ  >>> #8.フォーム  >>> ボタンに表示する文字を変えよう





Copyright (C) 2006
超初心者のための超かんたんHP作成講座
サルでもわかる?かんたんHTML