`

页面有文本框,单击回车能提交页面

 
阅读更多

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<base target="_self">
<title>货品定位</title>
<link rel="stylesheet" href="jsp/resource/css/cjpm.css">
<script type="text/javascript">
   function tab()
		{
		if(event.keyCode==13)
                {event.keyCode=0;
		  document.getElementById('inp').focus();
		  var inp=document.getElementById('inp').value;
		  alert(inp);
		  var sel=document.getElementById('sel');
		   sel.options[sel.options.length]=new Option(inp, inp);
		   return false;
		  }
		  
		}
		function del(){
	       var sel=document.getElementById('sel');	    
		   sel.options.remove(sel.selectedIndex);
	}
</script>
</head>
<body  onkeydown= "if(event.keyCode==13) event.keyCode=0;return   false;"  background="jsp/resource/image/bg.gif">
<form methed="get" action="nihao...">
			<table border=0 cellspacing=0 cellpadding=2 width="100%"
				bgcolor="gray">
				<tr>
					<td class="headerbar61">

						货品定位
					</td>
					<td class="headerbar61">
						<p align="right">&nbsp;</p>
				  </td>
				</tr>
			</table>
			<table border=0 cellspacing=0 cellpadding=2 width="100%" height="5">
				<tr>

					<td></td>
				</tr>
			</table>
 
			<table border=0 cellspacing=1 cellpadding=2 width="46%">
				<tr>
					<td width="15%" align="right" class="textbar01"><input name="textfield" type="text" size="30" onKeyDown="tab()" tabindex="1"  id="inp"></td>
					<td class="textbar01"></td>
				</tr>
				<tr>

				  <td align="right" class="textbar01"><select name="select" multiple="multiple"  id="sel" style=" width:210px;" tabindex="2" ondblclick="del()">
				  <option id="01" value="qqq">asda444</option>
				    </select>				  </td>
				  <td align="right" class="textbar01">&nbsp;</td>
			  </tr>
			</table>
 
<!--页码信息显示区 end-->
</form>

</body>
</html>

 加一句 if(event.keyCode==13)
		  {
		  window.event.returnValue= false;


分享到:
评论

相关推荐

    jquery input文本框模拟select选择框获取选定

    此外,为了提高用户体验,还可以添加键盘导航支持,使用户可以通过上下箭头键浏览选项,回车键进行选择。 总结来说,使用jQuery可以方便地将input文本框模拟成select选择框,实现与真实下拉框类似的功能。这主要...

    jQuery文本框创建关键词标签代码

    用户在文本框中输入文字,按下回车键时,jQuery监听到此事件并创建一个新的标签。这个过程涉及到文本框的值获取、新标签的DOM元素创建,以及将其插入到合适的位置。 2. **初始化已设标签**: 当页面加载时,可能...

    Jquery实现仿搜索引擎文本框自动补全插件

    Jquery实现仿搜索引擎文本框自动补全插件功能很实用,使用也很简单,引入了插件之后写...[{title:null,result:{}},{title:null,result:{}}]}url和data参数只有一个生效,data优先、选中行后按回车或单击时回调的函数

    C#最简单的窗体文本框应用

    要创建一个新的窗体,你需要在项目中右键单击并选择“添加”-&gt;“新建项”,然后选择“Windows窗体”模板。 接下来,我们将引入文本框控件(TextBox)。文本框是用户界面中常见的元素,用于接收用户的文本输入。在C#...

    Java的GUI界面

    在文本框中按回车键时,清空文本区域的内容。 3.编程包含一个复选按钮和一个普通按钮,复选按钮选中时,普通按钮的背景色为青色,未选中时为灰色。 4.编程包含一个单选按钮组和一个普通按钮,单选按钮组中包含三...

    图形用户界面与事件处理机制源文件.rar

    2.在Application中加入1个文本框,1个文本区,每次在文本框中输入文本,回车后将文本添加到文本区的最后一行。 3.在Application中加入2个复选框,显示标题为“学习”和“玩耍”,根据选择的情况,分别显示“玩耍”...

    VB复习题试卷答案很有用哦

    3. 若要响应文本框Text1的回车键事件,需要在Text1的`KeyPress`事件中编写程序。因为KeyPress事件专门处理键盘按键的输入,包括回车键。 4. 语句`Print "A+2"`的运行结果是字符串"A+2",因为它只是简单地打印字符串...

    回车直接实现点击某按钮的效果即触发单击事件

    总结一下,实现回车键触发按钮单击事件的步骤包括: 1. 在输入框中添加`onkeydown`事件监听器,并绑定处理函数。 2. 在处理函数中检查回车键是否被按下。 3. 如果按下回车键,使用JavaScript模拟点击目标按钮。 ...

    javascript客户端验证和页面特效制作

    2. **页面动态效果**:在 JavaScript 中,可以编写响应鼠标单击等事件的代码,创建动态 HTML 页面,从而高效地控制页面的内容。 ##### 三、脚本(JavaScript) 1. **脚本的执行原理**:JavaScript 脚本可以嵌入到 ...

    excel表格中画斜线、多斜线方法.doc

    单击“插入”选项卡,选择“文本框”,依次拉出多个文本框出来,然后在文本框中输入文字,接着选中“文本框”单击“格式”,在“形状填充”中选择“无填充颜色”,在“形状轮廓”中选择“无轮廓”; 4. 虽然双斜线...

    计算机二级Ms-office考试Word考点总结

    步骤5:将鼠标光标定位到页面顶端,在【插入】选项卡下的【文本】组中,单击"文本框"按钮,从弹出的下拉列表中选择"边线型提要栏",选中第三段文字剪切并粘贴到文本框内。 步骤6:将鼠标光标定位到上述文本的最前面...

    《程序天下:JavaScript实例自学手册》光盘源码

    10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...

    程序天下:JavaScript实例自学手册

    10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...

    .net鼠标,回车键,方向键,数字键盘等的代码代号集合

    回车键的代码代号是`Keys.Return`,它通常用于执行确认或提交操作。方向键(上、下、左、右)的代码代号分别是`Keys.Up`、`Keys.Down`、`Keys.Left`和`Keys.Right`,常用于导航或移动对象。数字键盘的键代码可以与主...

    使用Word2021制作试卷密封线.docx

    右键单击文本框,选择“设置自选图形格式”,在“颜色与线条”选项卡中将“填充颜色”和“线条颜色”都设置为“无颜色”,这样可以使文本框背景透明,仅保留文字。 接着,插入一条直线作为密封线。通过“插入”&gt;...

    超实用的jQuery代码段

    2.22 防止单个页面重复提交按钮 2.23 取得列表控件选中的option对象 2.24 限制输入框仅接受特殊字符的输入 2.25 禁止页面内全部超链接 2.26 实现动态组合列表框 2.27 如何使用属性过滤器 2.28 如何测试某个元素是否...

    linux环境下DNS服务器的安装与配置收集.pdf

    单击“增加”按钮,单击“主机”选项卡,在主机名文本框中输入“ftp”,在地址文本框中输入“202.119.98.100”,单击“确定”。 七、保存配置 单击“确定”,单击“保存”,保存 DNS 配置。 八、配置网络设置 ...

    2022年专业技术人员计算机应用能力考试CAD模块题库.docx

    在“再次输入用于打开此图形的口令”文本框中输入“123”,单击“确定”按钮;单击“保留”按钮。 十、图形打开 24. 打开文献“图形 2.dwg”,文献的保护密码为“123”:单击工具栏中的“打开”按钮;双击“图形 2...

    2021职称计算机考试巩固练习及答案2.docx

    在幻灯片内插入一个文本框,并且输入文本“计算机职称考试”,要求文本输入时自动垂直显示,并能随文本的多少而自动调整大小。 - **知识点**: - 垂直文本框的插入 - 文本自动调整大小的功能 - **操作步骤**...

Global site tag (gtag.js) - Google Analytics