タイトル通りなのですが、formの送信ボタンをテキストにしたいと思い、下記ページを見つけ試してみました。
http://detail.chiebukuro.yahoo.co.jp/qa/question …
ペストアンサーの方の方法で、リンクされていたページのソースも見てみたのですがボタンとしての機能を果たさずクリックしてもページ遷移せず、カーソルの変更(矢印から指マーク)もしませんでした。
ソースを見る限り、JavaScriptを別途記述しているわけでもないようです。
記述したソース(form部分)はこれです。
HTMLべたうちではなく、PHPでソースを生成しています。
<form action='./aaa/bbb/ccc.php' method='POST' name='abc' id='abc'>
<input type='hidden' name='flg' value='1' />
<span onclick='submit()'>メイン</span>
</form>
どの部分がおかしいなど指摘してもらえないでしょうか?
また、別の方法で<span>部分を<a>にしてタグの中にJavaScriptでsubmit()を記述する方法も試してみたのですが、画面遷移するもののhiddenで記述した値が無視されてしまいました。
解決方法や別の方法などありましたら教えていただければと・・・。
条件として、ブラウザのアドレス部分にhiddenの内容が表示されないようにしたいです。
No.1ベストアンサー
- 回答日時:
<form action='./aaa/bbb/ccc.php' method='POST' name='abc' id='abc'>
<input type='hidden' name='flg' value='1' />
<span onclick='document.getElementById("abc").submit()'>メイン</span>
</form>
上記のような変更でいかがでしょう。
getElementById("abc")の「abc」の部分は、フォームのidを記入します。
回答いただきありがとうございました。
私の書いたソースを元に回答をいただき、分かりやすく勉強になりました。
動作も、問題ないことを確認できました。
お三方の回答、全て求めていた表示、動作でしたので、最初に回答をいただいたaa_akiyaさんの回答をベストアンサーにさせていただきたいと思います。
ありがとうございました。
No.3
- 回答日時:
単純にスタイルシートに
input[type="submit"]{border:none;background-color:transparent;}
だけじゃまずいのですか?
HTMLに直接書いても
<input type="submit" value="送信" style="border:none;background-color:transparent;">
javaccriptが無効なブラウザでも関係ないし・・
回答をいただき、ありがとうございます。
背景色を透明色にするという考え自体がまったくなかったので、勉強になりました。
見た目がテキスト表示の場合と同様で動作も問題ないことが確認できました。
ありがとうございました。
No.2
- 回答日時:
spanがformに包含されているのであれば上位にさかのぼって
formを送信する感じで・・・
<script>
function formsubmit(obj){
var n=obj;
while(n=n.parentNode){
if(n.nodeName=="FORM") break;
};
n.submit();
}
</script>
<form>
<div>
<input type='hidden' name='flg' value='1'>
<span onclick='formsubmit(this)'>メイン</span>
</div>
</form>
回答をいただきありがとうございます。
まったく考えが及ばないような方法で、勉強になりました。
実際にソースに組み込んでみて動作確認もできました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
getParameterで値が取得できず...
-
開くと同時に自動submit
-
デフォルトのボタンの形で色を...
-
checkboxとlabelがずれる
-
HTMLボタンの文字色を変え...
-
<FORM> </FORM> の中に さらに...
-
【HTML /CSS】ヘッダー右上のず...
-
HTMLでのid とnameの違い
-
リンクでPOSTデータを送信する...
-
INPUTのボタン周囲のスペース
-
CGI は、使用不可なんです。
-
お気に入りにつきまして(bookmark)
-
[]を付けずにcheckboxの値を複...
-
HTMLのKEYとVALUE...
-
SUBMITボタンを表示させないでS...
-
submitボタンにvalue属性の値で...
-
ページオープン時にテキストボ...
-
VBAで一時中断したプログラムの...
-
DataGridViewのチェックボック...
-
Accessの画面更新を一時的に停...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
getParameterで値が取得できず...
-
リンクでPOSTデータを送信する...
-
submitボタンにvalue属性の値で...
-
HTMLボタンの文字色を変え...
-
異なるformのsubmitボタンを同...
-
UWSC
-
formの送信ボタンをテキストに...
-
戻ると、記入フォームの内容が...
-
htmlでsubmit送信時、actionよ...
-
ボタンのなかに表示する文字を...
-
ただいま勉強始めたての初心者...
-
開くと同時に自動submit
-
ボタンをクリックした時に、入...
-
<FORM> </FORM> の中に さらに...
-
SUBMITボタンを表示させないでS...
-
HTMLのKEYとVALUE...
-
HTMLでのid とnameの違い
-
前の画面の情報を保持するには?
-
checkboxとlabelがずれる
-
inputのtextとsubmitの高さがズ...
おすすめ情報