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

我不想提交按钮，因为我希望人们能够进入表单域，然后搜索他们所要做的就是按下回车按钮。如何通过按下Enter键（不提交按钮）来提交HTML表单？

这里是我的代码：

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

谢谢！

詹姆斯

来源

2011-10-22 James

请编辑HTML代码的第一部分为更好的可读性。你在开始时使用更多的空白来做到这一点。谢谢。 – Smamatti

这里的一个很好的做法是接受最好的答案作为赞赏的标志并帮助其他用户能够更快找到最佳答案 – Anonymous

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

应该

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

来源

2011-10-22 13:19:23

包括提交按钮，但风格它：

display:none;

你也有你的语法错误：

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

需求是

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

祝你好运！

来源

2011-10-22 13:08:16 Anonymous

嗨，感谢您的回复！请检查我上面更新的问题，我做了我认为可行的事情，但事实并非如此！ – James

编辑我的答案。这个错误会导致它不工作！ – Anonymous

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

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

如果你使用jQuery的话，你可以使用

jquery("form selector").post()

来源

2011-10-22 13:18:40 paragy

复杂 –

-2

那么你应该做的是这样的。

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

来源

2011-10-22 13:19:12

这就是要点。他不想！ - 这是没有用的，你不应该这样做，但他想要的东西像：'onkeypressed =“checkForReturn（）”'然后执行'this.form.submit（）;'。 – Smamatti

我不想提交按钮我只想要文本字段，并且一旦他们输入了文本int他的文本字段，他们所要做的就是按回车。这是如何实现的？ – James

太硬编码和非标准。任何人阅读代码将会是吧？ –

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

回答

相关问题