1

私のウェブサイトにログインを行うフォームがあります。フォームの見栄えを良くするために、onclick = "login（）"を使用する送信ボタンにdivを使用しています。これは、1つのことを除いて、すべてうまくいきます。ユーザー名を入力し、タブを押し、パスワードを入力し、Enterキーを押し、Enterキーを押してもフォームは送信されません。

キーが押されるのを監視するためのクレイジーなJavaScriptを記述せずに、Enter時にフォームを送信する方法はありますか？または、さらに良いことに、画像を使用せずに送信ボタンをボタンではないようにスタイル設定する方法はありますか？

私のボタンは、実際にはクリック可能に見えるようにスタイルを設定した単なるテキストです。

前もって感謝します！

4

4 に答える 4

2

ある種submitの入力は、基本的に、ENTER探しているデフォルトのキー動作に対して行われます。

フォームボタンのスタイルを設定する方法は無限にあります。

http://speckyboy.com/2009/05/27/22-css-button-styling-tutorials-and-techniques/

于 2012-04-06T23:42:25.450 に答える
1

送信ボタンをプレーンテキストのようにスタイル設定します。

#mySubmitButton {
    background:none!important;
    border:none; 
    padding:0!important;
}
于 2012-04-06T23:41:14.467 に答える
1

しないでください。ユーザーがJavaScriptを持っていない場合、ユーザーはフォームを送信できません。あなたは常にあなたのサイトをjavascriptなしで使えるようにしなければなりません。これは、グレースフルデグラデーションまたはプログレッシブエンハンスメントと呼ばれます。

それ以外の場合は、次のようになります。

document.getElementById('your-form').onkeypress = function(e) {
    if (e.keyCode === 13) { // If the key pressed is [Enter]. See here for a list: http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
        login()
    }
}
于 2012-04-06T23:42:53.597 に答える
0

セットする：

background-color: transparent;
border-width: 0;

ボタンを押すと、通常のテキストのように戻ります。そこから行きます。

于 2012-04-06T23:41:44.573 に答える