62,074
社区成员
发帖
与我相关
我的任务
分享如何实现像百度首页上那种一点文本框，按钮就选中
百度首页上面，一点文本框，那个“百度一下”的按钮边缘就变蓝了，然后回车就相当于按那个按钮了
这个怎么实现的？谢谢~
这个怎么实现的？谢谢~
...全文
请发表友善的回复…
发表回复
iuhxq 2008-04-14
- 打赏
- 举报
<form method="post" action="">
<input type="text" id="" /><input type="submit" />
</form>
form里放一个submit类型按钮就可以了。
<input type="text" id="" /><input type="submit" />
</form>
form里放一个submit类型按钮就可以了。
yuexiaxiaochongzi 2008-04-14
- 打赏
- 举报
用样式表实现的吧？我把背景屏蔽了，没你说的效果
jasondct 2008-04-14
- 打赏
- 举报
建议用 ＡＪＡＸ实现起来更方便
zccmy22 2008-04-14
- 打赏
- 举报
我也在想这个类似的问题。因为当一个页面有多个提交按钮时，楼上的就不可以了。不知有没有好方法。
yunfeng007 2008-04-14
- 打赏
- 举报
把按钮设置为webform的默认按钮就可以了
oec2003 2008-04-14
- 打赏
- 举报
<input type="text" onkeydown="ok()" onfocus="change()"/>
<asp:Button id="button" runat="server" Text="百度一下" ></asp:Button>
<script type="text/javascript">
function ok()
{
if(window.event.keyCode==13)
{
__doPostBack("button","");
}
}
function change()
{
//給按鈕添加樣式
}
</script>
ychangh 2008-04-14
- 打赏
- 举报
<html>
<head>
</head>
<body>
<form action="a.html">
<input type='text' id='txtTest' />
<input type='submit' id='btnSubmit' value='提交' />
</form>
</body>
</html>
<script>
var txt = document.getElementById("txtTest");
txt.onfocus = function()
{
document.getElementById("btnSubmit").style.border = "solid 3px green";
}
txt.onkeyup = function(ev)
{
ev = ev || document.event;
if(ev.keyCode == 13)
{
document.getElementById("btnSubmit").onclick();
}
}
</script>
<head>
</head>
<body>
<form action="a.html">
<input type='text' id='txtTest' />
<input type='submit' id='btnSubmit' value='提交' />
</form>
</body>
</html>
<script>
var txt = document.getElementById("txtTest");
txt.onfocus = function()
{
document.getElementById("btnSubmit").style.border = "solid 3px green";
}
txt.onkeyup = function(ev)
{
ev = ev || document.event;
if(ev.keyCode == 13)
{
document.getElementById("btnSubmit").onclick();
}
}
</script>
liujinyang0511 2008-04-14
- 打赏
- 举报
按钮要变兰也可以，在文本框的onfocus和onblur中做，改变按钮的颜色
liujinyang0511 2008-04-14
- 打赏
- 举报
可以在文本框的onkeydown事件中，判断event.keyCode，如果等于13（回车），就执行点击按钮的内容，也可以触发按钮的onclick事件
Plougher 2008-04-14
- 打赏
- 举报
你以点击文本框，就把鼠标的焦点移到按钮上就OK了
JavaScript onblur与onfocus事件详解
html页面中，诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件，这些事件在响应鼠标或键盘动作时都可激发预设的操作。本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用。 一. onfocus（获得焦点事件） 当一个文本框获得焦点时，它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中，这样的操作可以利用onfocus来实现。 以下的文本框，当鼠标指针移过去时，里面的文字全部被选中： 请输入网址 这是怎么做的呢？看以下代码及解释： 1.左侧文本框内为当前选号方案的和值，ac值等数值（差值个数为方案内不相同正差值个数）。
2.保存按钮，将当前选号方案保存在右侧文本框内。
3.删除按钮，将右侧文本框内选中的方案删除。
4.生成文本按钮，将右侧文本框内所有选号方案以文本形式保存。
5.关闭按钮，关闭软件。
6.经测试，360卫士会有误报，同时测试的其他软件均正常（McAfee，百度卫士，腾讯电脑管家，金山毒霸，瑞星杀毒）。
7.本版本为测试版本，有问题请及时与本人联系。QQ：3131607609.
