2014-02-12 2 views
0

Это мой index.html. Я хочу сделать действие, когда была нажата кнопка checklogin.php. Это то, что я делаю, но он показывает текст на кнопке. Где я должен вставлять свои действия? Может ли кто-нибудь дать мне совет?Как подключить действие к кнопке

<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <link rel="stylesheet" type="text/css" href="logs.css" /> 
</head> 

<body> 
    <div class="container"> 
     <form id="signup"> 
      <div class="header"> 
       <h3>Logowanie</h3> 

      </div> 
      <div class="sep"></div> 
      <div class="inputs"> 
       <input type="myusername" placeholder="Login" autofocus /> 
       <input type="mypassword" placeholder="Hasło" /> <a id="submit"> 
      <form name="form1" method="post" action="check.php"> 
      <input type="submit" name="Submit" value="OK"> </form> Zaloguj </a> 

      </div> 
     </form> 
    </div> 
</body> 
</html> 

А вот мой CSS:

#signup .inputs #submit { 
    width: 100%; 
    margin-top: 20px; 
    padding: 15px 0; 
    color: #fff; 
    font-size: 14px; 
    font-weight: 500; 
    letter-spacing: 1px; 
    text-align: center; 
    text-decoration: none; 
    background: -moz-linear-gradient(top, #b9c5dd 0%, #a4b0cb); 
    background: -webkit-gradient(linear, left top, left bottom, from(#b9c5dd), to(#a4b0cb)); 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    border: 1px solid #737b8d; 
    -moz-box-shadow: 0px 5px 5px rgba(000, 000, 000, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.5); 
    -webkit-box-shadow: 0px 5px 5px rgba(000, 000, 000, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.5); 
    box-shadow: 0px 5px 5px rgba(000, 000, 000, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.5); 
    text-shadow: 0px 1px 3px rgba(000, 000, 000, 0.3), 0px 0px 0px rgba(255, 255, 255, 0); 
    display: table; 
    position: static; 
    clear: both; 
} 
+0

Вы имеете слишком много форм меток. И ваш тег A является незаконным. Где checklogin.php? Это проверить, является ли логин действительным? Пожалуйста, перепишите свой вопрос – mplungjan

+0

@mplungjan yes, chcecklogin является валидатором процесса входа в систему. Я хочу прикрепить к этой большой кнопке действие, ничего больше – user3299430

+0

@mplungjan посмотреть на это, http://jsfiddle.net/9mCuJ/ – user3299430

ответ

0

Live Demo

Во-первых, здесь Valid HTML

<div class="container"> 
    <form name="form1" method="post" action="check.php"> 
    <div class="header"> 
     <h3>Logowanie</h3> 
    </div> 
    <div class="sep"></div> 
    <div class="inputs"> 
     <input type="myusername" placeholder="Login" autofocus /> 
     <input type="mypassword" placeholder="Hasło" /> 
     <a id="submit" href="#">Zaloguj </a> 
    </div> 
    </form> 
</div> 

Во-вторых, если вам необходимо подключить линию связи, сделать это

window.onload=function() { 
    document.getElementById("submit").onclick=function() { 
    document.form1.submit(); 
    return false; 
    } 
} 

В-третьих вам просто нужно это на CSS

#submit { 
Смежные вопросы