• 締切済み

INPUT TYPEの値を変更したい

submitボタンを無効ボタンに変更したいのですが INPUT TYPEの値を「submit」から「button」に変更することは可能でしょうか。

みんなの回答

  • zzzzzz
  • ベストアンサー率61% (70/113)
回答No.1

typeメンバを書き換えることはできないはずです。 DHTMLでノードを差し替えれば可能ですが。 <html> <head> <script> function replaceByButton(target) { var obj = document.createElement("INPUT"); obj.setAttribute("type", "button") obj.setAttribute("value", "新規ボタン"); obj.onclick = new Function("alert(1);"); target.parentNode.replaceChild(obj, target); return obj; } </script> </head> <body> <form> <input type="submit" name="sub1"> <input type="button" value="変更" onclick="replaceByButton(this.form.sub1);"> </form> </body> </html>

関連するQ&A

  • javascriptでinput属性の入力

    複数のボタンがあります。 それぞれのボタンによって、value値を変えたいと考えています。 通常であれば <button class='button' type='submit' name='volume' value='350'>350購入</button> <button class='button' type='submit' name='volume' value='450'>450購入</button> という形を利用しますが、理由があり、 type='submit' を使用できません。 そこで、 <input id="button350" type="button" value="350購入" /> <input id="button450" type="button" value="450購入" /> というsubmit属性の無いボタンを使用しながら、「javascriptを使いname value を抽出しsubmitまで持っていく」ことを考えています。 そこで、下記のようなものを2種類(350と450は別の記載方法でテスト)作ってみましたが、いずれもsubmitは出来ますが、value値を渡すことが出来ません。 どのように書けば、name属性にvalue値を渡すことが可能でしょうか? <form action="abc.php" method="post" name="form2" id="form2"> <script> $(function(){ $('#button350').click(function() { $('input[type=\'submit\']'); $('input[name=\'volume\']'); $('input[value=\'350\']'); $('#form2').submit(); }); $('#button450').click(function() { $('input[type=\'submit\'],[name=\'d4_buy_stock_volume2\'],[value=\'450\']'); $('#form2').submit(); }); }); </script> <BR> <BR> <input id="button350" type="button" value="350購入" /> <BR> <input id="button450" type="button" value="450購入" /> </form>

  • Input Type Buttonのサイズ変更

    *Input type buttonのフォントサイズを大きくする場合 どこ↓につなげたらいいのでしょうか? <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE= "お問い合わせ"onClick="location.href='http@@@@@@@'"> *Input type button の型を四角に変更する場合や サイズを大きくする場合はこのタグ↓のどこに入れたら いいのでしょうか? <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE= "お問い合わせ"onClick="location.href='http@@@@@@@'"> お手数をお掛け致しますが宜しくお願い致します。

  • <input type=

    <input type="button">はボタン、<input type="checkbox">はチェックボックスというように呼ばれていると思いますが、世間では<input type="file">タグのことをなんと呼んでいるのでしょうか?ドキュメントを書く際にいつも困惑しています。世間一般で通用する<input type="file">タグの名称がありましたら教えていただけますか?

    • ベストアンサー
    • CGI
  • input type="submit"が押せない

    インプットタグで作ったボタンが押せなくなる原因を知りたいです。 今回の状況はwordpressの管理画面のボタンなんですが、 バージョンアップをしたらsubmitボタンが無効になる現象がおきました。 おそらくhtmlかcss、javascriptが関係していると思うのですが ファイルが膨大なのでそもそもの原因を知りたく投稿させていただきました。 html,css,javascript関連でinput type="submit"が押せなくなって 解決方法をご存知の方いらっしゃいましたらご教授願います。

  • Input Type Buttonのタグについて

    ◎input type=button の色を変えるには <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE="テスト"> この中の↑どこに色を追加したらよいのでしょうか? ◎input type=button の型をhttp://okwave.jp/ のページ上の {例}『 ? 質問する 』『!質問、回答を見る』 『(ハートマーク)お礼を見る』のような四角の型にするには この中の↓どの部分を変更又はどの部分に 何を追加したらよいのでしょうか? <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE="テスト"> ◎どうしたら『 ? 質問する 』『!質問、回答を見る』 『(ハートマーク)お礼を見る』のように?、!、ハートマーク などの記号や絵をinput type button に文字を書き込む時、 ボタン内の文字の前に記号や絵をつけられるのでしょうか? ◎やっとボタンを作ることができたのですが、 クリックしても画面が変わらないのはURLを設定していないからだと思うのですが この中の↓どこへ設定したら画面を変えることができますか? <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE="テスト"> 上手に説明できませんが、ご存知の方がおられましたら教えて下さい いろいろ調べてやってみたのですが、1つ1つの部分、部分説明があっても全部を1つのタグとしてつなげることができません。 急ぎでかなり困っております、宜しくお願い致します。 沢山の質問ですみません。

  • input type="image"の時、enterでsubmitされない方法

    http://oshiete1.goo.ne.jp/kotaeru.php3?q=115527 で、「enterでsubmitされない方法」が記載されているのですが、 input type="image"の時、うまく反映されません。 formタグには以下のように、 <form name="form1" method="post" action="" onSubmit="return false"> 送信ボタンは以下のように設定しています。 <input type="image" src="***.gif" onClick="submit();"> ちなみにinput typeを"button""submit"にすると反映してくれますが "image"ではうまくいきません。 ご回答よろしくお願いします。

  • Form で、input type="button" を利用するとPOSTされない?

    宜しくお願いします。 PHP5.0 MySql Smarty にて開発中です。 <form action="aaa.php" name="m_deleate" method="post"> 内に、  <input type="hidden" name="del" value="{{$member_id.v}}" />  <input type="button" onClick="●●●();" value="削除" /> として、javascript を呼び出して確認ダイアログを表示後、 aaa.php にPOSTさせると言うページを作成しました。 ボタンを押せば上手くPOSTされます。 しかしあるページだけPOSTが成功せず、ソースも同じなのに、 hiidenのvalueの値がPOSTされないケースがでてきました。 原因を絞り込む為に、かなり細切れにして探りましたが、 typeを、button にするのではなく、submit にすれば当然のごとく上手くいってしまいます。 しかし、type="submit"では、javascriptを絡めることができないので、 type="botton" にこだわっております。 といいますか、問題のページ以外は、この方法で上手くいっています。 aaa.php 内では、 //削除処理判定 if(isset($_POST["del"])){ として、お決まりのif判定を行っています。 どなたか、 <input type="button"・・・ を使用する際の注意点や問題点をお聞かせ下さいませ。 直感的なご回答でもかまいません。 かなりはまっております。何卒宜しくお願いいたします。

    • 締切済み
    • PHP
  • input type=submit について

    代たい法を尋ねる質問ではありません:  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ input type=submit (name="foo") value="bar" とすると提出ボタン上に value の値 (この場合、「bar」) が出るという事実は、ユーザ エージェントの独自仕様がたまたま同じになったわけではなく、HTML の仕様ですが、なぜこのような仕様なのでしょう。 ボタン上の表示など label 属性か何かにあずけて、value にはボタン上に表示されるものとは別個の値を入れられるのが自然だと思います。 この不自然さを凌駕する納得のいく理由をお願いします。 追伸: 私の質問は私の憶測を断定調で書いていることは私自身が自覚しておりますので、「それは違います」などのご指摘は不要でございます。

  • onClickがinput type="image"だとできない!

    以前、↓の質問をさせていただき解決したのですが、 input type="image" にしたいのですが、 ただ変更するだけでは、できません。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=2068911 どのように変更したらいいでしょうか? 教えてください! 現在下記の方法でやっています。 <style type="text/css"> .white{ background-Color:white; color:black; } .gray{ background-Color:gray; color:yellow; } .blue{ background-Color:blue; color:red; } </style> <body> <form> 全体: <input type="button" value="White" onClick="document.body.className='white'"> <input type="button" value="Gray" onClick="document.body.className='gray'"> <input type="button" value="Blue" onClick="document.body.className='blue'"><br> テーブル1: <input type="button" value="White" onClick="document.getElementById('t1').className='white'"> <input type="button" value="Gray" onClick="document.getElementById('t1').className='gray'"> <input type="button" value="Blue" onClick="document.getElementById('t1').className='blue'"><br> テーブル2: <input type="button" value="White" onClick="document.getElementById('t2').className='white'"> <input type="button" value="Gray" onClick="document.getElementById('t2').className='gray'"> <input type="button" value="Blue" onClick="document.getElementById('t2').className='blue'"><br> </form> <table width=100% id="t1"> <tr><td>test</td></tr> </table> <table width=100% id="t2"> <tr><td>test</td></tr> </table> </body>

  • formに複数ボタンを配置し、それぞれのボタンに対して、別の複数の値を

    formに複数ボタンを配置し、それぞれのボタンに対して、別の複数の値をPHPに受け渡したいのです。 例としは下記のような命令をしたいのですが、どうしても解決策がわかりません。 1.jpgで作成したボタンをクリックすると、textの"コンニチワ"、textの30、1.jpgが1.phpへ送られる。 2.jpgで作成したボタンをクリックすると、textの"コンバンワ"、textの50、2.jpgが1.phpへ送られる。 下記は、一応自分で作成したものです。 ●sample.html <form method="post" action="1.php"> <input name="namae"type="text"value="コンチニワ"> <input name="namae"type="text"value="コンバンワ"><br> <BUTTON type ="submit"name="submit1"> <IMG src="1.jpg"> </BUTTON> <BUTTON type ="submit"name="submit2"> <IMG src="2.jpg"> </BUTTON><br> <input name="price"type="text"value="30"> <input name="price"type="text"value="50"> -------------------------------- 【sample.htmlの希望表示】 namaeテキスト  namaeテキスト ボタン画像    ボタン画像 priceテキスト  priceテキスト -------------------------------- ●1.php <?php $namae=$_POST['namae'] $kakaku=$_POST['price'] $image=&_POST['image'] ?> もしかしたら、imageについては表示させないテキストに隠して値だけ送るという 手もあるかもしれません。やり方がわかりませんが。

    • 締切済み
    • PHP

専門家に質問してみよう