2015-09-19 4 views
1

Я пытаюсь создать форму Bootstrap в Bootstrap. То, что я сделал этоBootstrap 3 - Form Представлено «_blank»

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Register a New User</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
</head> 
<body> 

    <div class="container"> 
    <h2>Vertical (basic) form</h2> 

    <form role="form" method="POST" target="register"> 
     <div class="form-group"> 
     <label for="email">Email:</label> 
     <input type="text" class="form-control" id="email" placeholder="Enter email"> 
     </div> 
     <div class="form-group"> 
     <label for="pwd">Password:</label> 
     <input type="text" class="form-control" id="pwd" placeholder="Enter password"> 
     </div> 
     <button type="submit" class="btn btn-default">Register</button> 
    </form> 
    </div> 

</body> 
</html> 

Но когда я представить, что непосредственно идет на другой новый бл, апк страницы и отправить данные формы, но я хотел бы представить на той же странице.

Что я делаю неправильно?

ответ

4
target="register" is your issue. 
Just remove the target="register" or set the target="" from the form. 

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 

 

 
<body> 
 
    <div class="container"> 
 
    <h2>Vertical (basic) form</h2> 
 
    <form role="form" method="POST" target=""> 
 
     <div class="form-group"> 
 
     <label for="email">Email:</label> 
 
     <input type="text" class="form-control" id="email" placeholder="Enter email"> 
 
     </div> 
 
     <div class="form-group"> 
 
     <label for="pwd">Password:</label> 
 
     <input type="text" class="form-control" id="pwd" placeholder="Enter password"> 
 
     </div> 
 
     <button type="submit" class="btn btn-default">Register</button> 
 
    </form> 
 
    </div> 
 

 
</body>

1

Вы забыли определить action в form тег

action="yourFile.php" 

Добавление действия в форме:

<form role="form" action="yourFile.php" method="POST" target="register"> 
0

target="register" - ваш вопрос. ЕСЛИ нет окна/фрейма с этим именем, тогда он откроет новое окно. Либо удалите его, либо настройте окно, которое уже открыто.