- ベストアンサー
ボタン上で文字を左寄りに表示させたい
<input type="button" value="あああああああああああああああああああ" /> とすると、画像のように自動で文字が真ん中に表示されてしまいますが、 ボタン上で左寄りに表示させることは可能でしょうか？
- YGOGXGCGHH
- お礼率100% (31/31)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<input type="button" name="test" value="あああああああああああああああああああ" style="padding-left:0;padding-right:10em" />
その他の回答 (1)
関連するQ&A
- 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
- ネスケでボタンの文字列を２行で表示する
ボタンの中の文字列を２行で表示する場合IEでは <input type="button" value="aaaa bbbb> のように実際に改行を入れれば２行で表示されますが ネスケでは aaaa・・bbbb のように１行で表示されます。 ネスケでもボタンの文字列を２行で表示するにはどうしたらよいでしょうか？ ネスケのバージョンは4.7です。
- ベストアンサー
- HTML
- どんな環境でも表示できるのでしょうか？
ホームページの観覧者自身が、バックミュージックのON、OFFをできるように使用と思っています。 その際のボタン表示を、画像に使用かと思ったのですが、『INPUT type』のボタンを使ったほうが、見た目押した感覚があり（環境によって違うのかもしれませんが）、わかりやすいのではないかとおもいました。 しかし、再生マークの横向き三角は特殊文字としてしかありませんよね。 下記のように書いた場合、どんなパソコンでも表示できるのでしょうか？ <INPUT type="button" value="►" name="B1"> <INPUT type="button" value="■" name="B2"> 教えて下さい。よろしくお願い致します。
- ベストアンサー
- HTML
- ボタンを押すと、テキストエリアに文字が出て、さらにそれを
アレンジしたいのです。 <FORM> <INPUT type="text" value="テスト" name="b1" size="55"> <br> <font style="font-size:15px" color="#666666">ボタンをクリック！</font> <INPUT type="button" value="ボタン" onclick="b1.value='こうゆうふうに字が出る'"> </FORM> 上記のようにして「ボタン押す=文字出る」を作りました。 さらには、１文字づつもったいぶって、文字を出したいのです。 別の、タグで「勝手に１文字づつ出る」のは、あったと思いますが、ボタンで、動作開始をしたいと思います。 何か、よいアイデアはありますでしょうか？
- 締切済み
- HTML
- フォームのボタン上に２色つける
フォームのボタン上に書かれている文字に 色を付けたいと思います。 スタイルシートをつかって <input type=button value="検索*" name="submit" style="color:#FF0000;" > こんな感じにすると「検索*」という文字が赤くなります。 でも、私がやりたいと思っているのは、 「検索」は黒で「*」は赤く表示したいのです。 こんな事って出来ますでしょうか？ ボタンの上に画像をはったりしないとダメでしょうか？
- ベストアンサー
- CSS
- HTML・CSS ボタンの表示
<div class="item"> <tr> <td><input type="button" value="サンドウィッチ" onclick="get_calc(this)"></td> <td><input type="button" value="おにぎり" onclick="get_calc(this)"></td> <td><input type="button" value="お茶" onclick="get_calc(this)"></td> <td><input type="button" value="お弁当" onclick="get_calc(this)"></td> </tr> </div> ボタンを画面の50％の幅に均一の大きさで表示したです． CSSわかる方，教えてください！お願いします！
- ベストアンサー
- CSS
- ＨＰボタンの長さが異なる。
下のボタンが マックの「IE4.5」「IE5.0」「ネスケ4.7」だとちゃんと奇麗に中央に表示されますが、 Windows「IE4.5」「IE5.0」はボタンの長さが異なり ガタガタになります。 windowsでも奇麗に並べるにはどうしたらいいのでしょうか？ よろしくご指導お願いいたします。 テストでアップしてあるＵＲＬですのでご確認してください。 http://watn.jp/test/ <HTML> <HEAD> <TITLE>++++</TITLE> </HEAD> <!------------------- 中身-------------------> <center> 下のボタンがマックの「IE4.5」「IE5.0」「ネスケ4.7」だと<br> ちゃんと中央に表示されますが、Windows「IE4.5」「IE5.0」は<br> ボタンの長さが異なりガタガタになります。 <FORM> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇ " onClick="window.location.href='kituke.html'"><br> <INPUT TYPE="button" VALUE=" ・・◇◇◇◇ " onClick="window.location.href='sadou.html'"><br> <INPUT TYPE="button" VALUE=" ・・◇◇◇◇◇ " onClick="window.location.href='buyou.html'"><br> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇ " onClick="window.location.href='ivent.html'"><br> <INPUT TYPE="button" VALUE=" ・・◇◇◇◇ " onClick="window.location.href='tenjikai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇ " onClick="window.location.href='butai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇ " onClick="window.location.href='honten.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇◇ " onClick="window.location.href='yono.html'"><br> </FORM> </center> </BODY> </HTML>
- ベストアンサー
- その他（インターネット・Webサービス）
- ネスケでボタンが見れません！
ＩＥではきちんとボタンが表示されますが、ネスケで見ると消えてしまいます。 どうしてでしょうか？ <INPUT type="button" value=" 検索 "> と記述しています。
- 締切済み
- HTML
- JqueryMobileでフォームボタンを非表示
JqueryMobileを使用している環境下でフォームボタンを非表示にする方法を探しています。 以下はID1の消去ボタンをクリックすると、ID2のボタンが消えることを期待しているものです。 しかし、ID2のボタンは消えませんでした。 どのような方法で、フォームボタンを非表示にできるのでしょうか。 なお、JqueryMobileを使用していない環境では、 問題なくID2のボタンが非表示になることを確認していますので、 JqueryMobile使用時のJavascriptの制限が何かしらありそうなのですが・・・。 <form name="myForm" action="#"> <input type="button" value="消去" name="button1" id ="1" onclick="a()"> <input type="button" value="消えるボタン" name="button2" id ="2" > </form> <script type="text/javascript"> <!-- function a(){ var n = document.getElementById("#2"); n.style.visibility = "hidden"; $('#2').button('refresh'); } // --> </script>
- ベストアンサー
- JavaScript
お礼
ありがとうございました。