Question

我不希望有一个提交按钮，因为我希望人们能够进入表单字段然后搜索所有他们必须做的就是按下回车键。

这是我的代码：

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;
}

谢谢！

詹姆斯

Answer 1

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

应该是

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

Answer 2

包含提交按钮，但请将其设置为：

display:none;

您的语法也有错误：

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

需要

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

祝你好运！

Answer 3

写js函数并说出哪个会发布表单。伪代码将是

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

如果您使用jquery，则可以使用

 jquery("form selector").post()

Answer 4

然后你应该这样做。

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)"添加到您的输入字段。

如何通过按Enter键（无提交按钮）提交HTML表单？

4 个答案: