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上で、当方のニーズに合うボタンを作るためにはどうしたらいいでしょうか?
No.1ベストアンサー
- 回答日時:
ボタンのstyle属性に"width:100px"などと指定するのはダメなんでしょうか?
この回答への補足
<style type="text/css">
<!--
button#submit_button {
width: 150px;
height: 50px;
}
-->
</style>
<button type="submit" id="submit_button" name="point" value="10050">購入する</button>
<style type="text/css">
<!--
button#submit_button {
width: 150px;
height: 50px;
}
-->
</style>
<button type="submit" id="submit_button" name="point" value="10050">購入する</button>
ではダメみたいです。
どこが悪いかご教授頂けますでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
submitボタンにvalue属性の値で...
-
getParameterで値が取得できず...
-
戻ると、記入フォームの内容が...
-
リンクでPOSTデータを送信する...
-
Enterキークリック時の動作につ...
-
INPUTのボタン周囲のスペース
-
ボタンをクリックした時に、入...
-
Web上でボタンを画面固定にしたい
-
submitボタンの横幅を小さくし...
-
CSSで条件によってボタンの文字...
-
HTMLだけでボタン作成
-
formの送信ボタンをテキストに...
-
選択によって処理の変更
-
ページがロードされたら自動的...
-
Enterキーでボタンが押下&新し...
-
グーグルマップの文字化けで困...
-
<FORM> </FORM> の中に さらに...
-
Accessの画面更新を一時的に停...
-
DragEnterイベントについて(VS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
リンクでPOSTデータを送信する...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
<FORM> </FORM> の中に さらに...
-
ボタンのなかに表示する文字を...
-
formでのtarget="_blank"2回目
-
INPUTのボタン周囲のスペース
-
戻ると、記入フォームの内容が...
-
チェックボックスの値をコピー
-
ボタンをクリックした時に、入...
-
HTMLのKEYとVALUE...
-
HTML ラジオボタン nameの大文...
-
HTMLでのid とnameの違い
-
formの送信ボタンをテキストに...
-
<form>中の<button>タグのv...
-
グーグルマップの文字化けで困...
-
input button の文字の色を2色...
おすすめ情報