• ベストアンサー

ボタンのなかに表示する文字を2行にしたい

HTMLを手打ちで書いています。 <input type="button" value="本"....>と書くとボタンの中には「本」て出ますよね。 で、私が実現させたいのが、 ボタンの中に表示する文字列を2行にしたい(1行目には日本語、2行目にはそれの英語を表示したい)んですが、HTMLでどうかけばいいのかわかりません。 HTML初心者なのでどーしていいのかわかりません。 どなたか、どうかよろしくお願いします。

  • HTML
  • 回答数2
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • kumagoro-
  • ベストアンサー率57% (36/63)
回答No.2

(1)実際に改行して書く。 <input type="button" value="日本語 English" name=...> (2)JavaScriptでボタンのvalueを設定する。 <body onLoad="document.forms[0].button1.value = '日本語\nEnglish'"> <input type="button" name="button1" value="">

CAMPBELL
質問者

お礼

HTMLを作りこむのがサーバー側なので(1)の方法でやってみようと思います。 なんと、改行すればそのままでるんですね。 勉強になりました。ありがとうございました。

その他の回答 (1)

回答No.1

多分できないと思いますが. ボタンのような画像ファイルを作って <A HREF>タグと<IMG SRC>タグを組み合わせて使用するのは いかがでしょうか?

CAMPBELL
質問者

お礼

実は、ボタンの数と内容はDBに格納されていて、クライアントから要求がくるたびにそこからとってきてHTMLを作成するので、その都度表示するボタンの数も内容も変わってきてしまうんです。 でも、ご回答ありがとうございました。

関連するQ&A

  • ネスケでボタンの文字列を2行で表示する

    ボタンの中の文字列を2行で表示する場合IEでは <input type="button" value="aaaa bbbb> のように実際に改行を入れれば2行で表示されますが ネスケでは aaaa・・bbbb のように1行で表示されます。 ネスケでもボタンの文字列を2行で表示するにはどうしたらよいでしょうか? ネスケのバージョンは4.7です。

    • ベストアンサー
    • HTML
  • submitボタン上の文字とvalue=の数字

    CSS3 + HTML5 でゲームを作っています。 Formのsubmitボタンを設置する必要があるのですが、ボタン上に表示する文字とvalue=の文字を分ける必要があります。 <input type="submit" name="point" value="送信する"> 上記では本来であれば数値を入れたいvalue=に、「ボタン上に表示する文字」を入れなければならないため使えません。 <button type="submit" name="point" value="10050">購入する</button> であれば、valueに数値を置き、ボタン上に文字を置けるため当方のニーズに叶うのですが、HTML5上で見るとボタンの大きさが<input type="submit>の3分の1くらいになってしまいます。 従い<button type="submit" name="point" value="10050">購入する</button> のボタンの大きさを変更する方法がわかればいいと思いますが、この方法でなくても構いません。 HTML5上で、当方のニーズに合うボタンを作るためにはどうしたらいいでしょうか?

    • ベストアンサー
    • HTML
  • ボタン上で文字を左寄りに表示させたい

    <input type="button" value="あああああああああああああああああああ" /> とすると、画像のように自動で文字が真ん中に表示されてしまいますが、 ボタン上で左寄りに表示させることは可能でしょうか?

    • ベストアンサー
    • HTML
  • HTMLのボタンで他サイトへ飛ばすには?

    HTMLのボタンで他サイトに飛ばすには下記文法ではダメなのでしょうか(飛びません)。 <FORM><input type="button" value="表示文字列" A href="飛び先URL"></A></FORM>

    • ベストアンサー
    • HTML
  • ボタンでテキスト領域に文字列を表示させたい

     非常に初歩的なことでしょうが、ネットや書籍を見ても以下の ことが分かりません。お教えください。 ボタンを押すことで目的の文字列をフォームのテキスト領域に表 示したいのです。例えば、 <form> <input type="button" onClick=???? value="Click!"> <input type="text" size="10"> </form>  という内容で、onClickの右側をどう書いたらよいか分かりません。 document.write("文字列")だと、画面が更新されてボタンやテキ スト領域まで消えてしまうので、だめです。本を参考にして、 「document」のところを「document.form.txt」に変えればよい のかと考えたのですが、それではエラーがでます。  よろしくご教示ください。

  • <form>タグに2つのボタン

    <form>タグで2つのボタンを表示させ、以下のようにそれぞれのボタンで フィールドに別の値を入れて送信させることはできますでしょうか? できればHTMLで、できなければJavaScriptでできますでしょうか? ・button1を押したときは  フィールド「CASE」に1を入れて送信、  HTMLで書くと、<input type="hideen" name="CASE" value="1"> ・button2を押したときは  フィールド「CASE」に2を入れて送信、  HTMLで書くと、<input type="hideen" name="CASE" value="2"> ===== HTML ====================== <form action="test.cgi" method="post"> <input type="text" name="text1"> <input type="submit" value="button1"> <input type="submit" value="button2"> </form> 宜しくお願いします。

    • ベストアンサー
    • HTML
  • ボタン押すたびに文字を送りたい

    ボタンを押す度に、文字を下に送りながら残していく関数を作りたいと 思っているのですが、配列を作り、ボタンを作るところまでしか わかりません。文字はHTML上に書きたいです。 var kudamonoList = new Array(6); kudamnoList[1] = "いちご"; kudamnoList[2] = "りんご"; kudamnoList[3] = "なし"; kudamnoList[4] = "ぶどう"; kudamnoList[5] = "もも"; function getNumber() { <input id="button1" type="button" value="押す" onclick="getNumber()" > どのように作ればよいか、コードを教えてください。よろしくお願いします。 表示例) 1回目ボタンにて:いちご 2回目ボタンにて:りんご          いちご 3回目ボタンにて:なし          りんご          いちご

  • JSで一つのボタンを押したとき、二つの内容を表示させる方法を教えて下さい

    ボタン<button>を押したとき、<INPUT>に押されたボタンの内容を表示するものを作りまして…。 とりあえず下記のソースをご覧下さい。 -----ソース------ ~HTML~ <button onClick="calc('INPUTに表示させる内容')">ボタン1</button> <INPUT TYPE="text" NAME="text1"> ~JavaScript~ function calc(ch) { document.form.text1.value =ch; } -------------- 今のやりかたですと一つの<INPUT>にしか入力されないですが、これを二つの<INPUT>にそれぞれ違う内容を入力させることは可能でしょうか。 例えば: ■[ボタン1]を押すと ┃ ┣[インプット1]に表品名 ┃ ┗[インプット2]に表品の値段 雑な説明で申し訳ないですが、宜しくお願い致します。

  • HTMLにて表示非表示後の行詰め方法

    フィールドのクリックによってText文を非表示/表示 切りかえることを考えています。 その際(非表示)前後の文書(入力域、ボタン)などの 行詰めの方法がわかりません。 皆さんに教えていただきたく投稿しました。 よろしくお願いします。 尚サンプルを付けました。 <HTML> <HEAD> <TITLE>サンプル</TITLE> </HEAD> <script type="text/javascript"> <!-- var flag = 0; function A() { if (flag==0) { document.all.T2.style.visibility = 'hidden'; document.all.text1.style.visibility = 'hidden'; flag = 1; } else { document.all.T2.style.visibility = 'visible'; document.all.text1.style.visibility = 'visible'; flag = 0; } } --> </script> <BODY> <DIV ID="text1" STYLE="font-size=10pt;font-family=Times New Roman">教えてください</DIV> 下記入力フィールド1でクリックすると表示切替します。<br> <input type="text" size="30" name ="a" value="入力フィールド1" id="T1" onclick="A()"> <p> <button >文字列変更1</button><p> <button >文字列変更2</button><p> <input type="text" size="30" name ="b" value="入力フィールド2" id="T2"> <p> このページはテストです。 </BODY> </HTML>

  • ボタンを押した回数を表示するには

    HTML内に <head> <script language="vbscript"> </script> </head> <body> <input type="button" onclick="MsgBox('押しましたね')" value="Please"> </body> こんなタグでボタンを押させた場合 そのボタンを押した累積回数を表示させる方法はないでしょうか よろしくご教示お願いいたします

専門家に質問してみよう