Как я могу отправить HTML-форму, просто нажав Enter (без кнопки отправки)? - PullRequest
Новая
       13

Как я могу отправить HTML-форму, просто нажав Enter (без кнопки отправки)?

1 голос
/ 22 октября 2011

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

Вот мой код:

HTML 

<div class="search">
<div class="search1" form action="weezyresults.php" method="post">
<input type="text" name="search"  size="30" value="" 
style="background-color:white; border: 
solid 1px #ffffff; height: 30px; font-size:19px; 
font-family: HelveticaNeue-Light; font-weight: 1;
vertical-align:9px;color:#151515" 
onfocus="if(this.value == ''){this.value = 
'';this.style.color='#363D42'}" />

</div>
<div class="enter"><input type="image" src="but.jpg" alt="Submit"></div>

CSS 

.search {
background: #FFFFFF;
border: 1px solid;
color: #BDBDBD;
height: 35px;
width: 270px;
}


.search1 {
margin-top: 3px;
float: left;
}

.enter {
display:none;
}

Спасибо!

Джеймс

Ответы [ 4 ]

4 голосов
/ 22 октября 2011 
<div class="search1" form action="weezyresults.php" method="post">

Должно быть 

<div class="search1">
<form action="weezyresults.php" method="post">
1 голос
/ 22 октября 2011

Включите кнопку отправки, но добавьте к ней: 

display:none;

У вас также есть ошибка в вашем синтаксисе: 

<div class="search1" form action="weezyresults.php" method="post">

должно быть 

<div class="search1"> <form action="weezyresults.php" method="post">

Удачи!

0 голосов
/ 22 октября 2011

Тогда вы должны сделать так. 

function formSubmit(element, ev) {
//element is the this selector for current element and ev is the event-trigger to get keycode
if (ev.keyCode === 13) { // 13 is the keycode for Enter-button
    element.form.submit(); //Then submit the button
}
}

И добавьте это onkeypress="submiter(this,event)" в поле ввода.

0 голосов
/ 22 октября 2011

напишите функцию js и скажите, кто отправит форму. псевдокод будет 

 funciton post() 
 {
   if(keycode==13)
     __dopostback();
 }

А если вы используете jquery, вы можете использовать 

 jquery("form selector").post()
...