divを使ったフォーム提出

Question

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

キープレスを見るために狂ったjavascriptを書かずに入力フォームにフォームを提出するにはとにかくありますか？それとも、画像を使わずにボタンのように見えるように送信ボタンをスタイルする方法はありますか？

私のボタンは、実際にはクリック可能に見えるようにスタイルされたテキストです。

ありがとうございます！

Answer 1

スタイルあなたのプレーンテキストのように見えるようにボタンを提出する：

#mySubmitButton { 
    background:none!important; 
    border:none; 
    padding:0!important; 
} 

Answer 2

はセット：あなたのボタンを

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

、それはすぐに戻って通常のテキストのように見えるのです。そこから行ってください。

Answer 3

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

フォームボタンをスタイルする方法は無限です。

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

Answer 4

Do not。ユーザーにJavaScriptがない場合は、フォームを送信できません。あなたは常にあなたのサイトをjavascriptなしで使用可能にする必要があります。これはGraceful degradationまたはProgressive enhancementと呼ばれます。

それ以外の場合は、このようなものになるだろう：

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() 
    } 
}