2011-12-04 8 views
2

EREは、(CSSを含む)私のコードです:ChromeはHTMLフォームが(<入力タイプは、=/"提出">)ボタンを提出認識できない

 <form id="contactform" action="#" method="post"> 
      <label for="name">Name</label> 
      <input type="text" class="fieldbox" name="name" id="name" value=""/> 
      <label for="email">Email</label> 
      <input type="text" class="fieldbox" name="email" id="email" value=""/> 
      <label for="msg">Message</label> 
      <textarea class="area fieldbox" id="msg" name="msg" rows="8" cols="20"></textarea> 
      <input type="submit" value="Send Message" id="sendbutton" name="sendbutton"/> 
     </form> 

#sendbutton { 
background:top left no-repeat url(../images/send-button.jpg); 
color:#000; 
font-family: Arial, sans-serif; 
font-size:14px; 
text-transform:uppercase; 
padding:14px 57px 14px 13px; 
float:right; 
margin:10px 5px 0 0; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;} 

私は、Firefox、IE、およびChromeでこのコードをテストしています。 FirefoxとIEは、送信ボタンを意図したとおりに表示します。 Chromeはボタンを表示しますが、クリックすることはできません。それはテキストとしてのみ表示されます。これをどうすれば解決できますか?

注:申し訳ありませんが、コードフォーマットが貧弱です。私はここで新しく、コードを適切にフォーマットする方法を理解できませんでした。

更新:問題を特定して修正しました。 float:right;からposition:relativeに変更されました。

+0

自分の症状をChromeのコピーに再現できません。この問題は、共有していないコード(JavaScript、CSS、その他のHTMLなど)にある可能性があります。 – Quentin

+0

あなたの 'label'要素は役に立たず、BTW、' for'属性は関連するフォームコントロールの 'id'を参照し、コントロールにはIDがありません。 – Quentin

+0

問題を再現する正確な最小値が残されるまで、フォームの一部を削除してください。残ったコードを表示するか、明らかになったバグを修正してください –

答えて

0

問題はありませんでした。私は正常に動作

...

<?php 
echo var_export($_POST); 
?> 
+0

助けてくれてありがとう。私は自分で問題を解決することができました。 – tayeed

0

私はクロームを通してそれを走った:私はあなたのコードの前にPHPコードの1行を追加した、と私は戻って旅に入力したものすべてを見ることができましたIEを介してそれを実行しました...うまく動作します

あなたのマシン上にボタンが表示されないようなものがありますか?

-1

フォームタグに名前属性を追加すると、ブラウザにフォームをサーバーに伝達する方法が伝えられます。

+0

いいえ、そうではありません。フォーム要素のname属性はクライアント側でのみ使用され、id属性は代わりに使用する必要がありますが、どちらもこの問題の解決に役立ちません。 – Quentin

+0

@クェンティンオハイオ州、私は通常、私はそうではないと考えていた参照してください。洞察力に感謝... –

0

HTML5バージョン(DTD ...)からHTML5バージョンに "DOCTYPE"を変更するまで、クロム52.0.274が私の入力テキストボックスを送信ボタンの代わりに表示していました。希望が役立ちます。

関連する問題