today when i write the system logon code,i write the code like :
<input type="image" tabindex="4" name="imageField" id="imageField"
src="<%=baseURL %>/css/style/HCS_Style/image/HCS_Style/login2_04.gif" onclick="javascript:login();" />;
so the confusing thing come,when i click the image the form is automatically submit;
so the above code submit the form twice.
i check the html conference, i find a sentence like this:
"INPUT type=image 创建一个图像控件,该控件单击后将导致表单立即被提交。"
that is to say:Creates an image control that, when clicked, causes the form to be immediately submitted.
so you can write the logon code like below formats:
1.<img tabindex="4" name="imageField" id="imageField" src="<%=baseURL %>/css/style/HCS_Style/image/HCS_Style/login2_04.gif" style="cursor:hand" onclick="javascript:login()">
2.<input type="image" tabindex="4" name="imageField" id="imageField"
src="<%=baseURL %>/css/style/HCS_Style/image/HCS_Style/login2_04.gif" />;
when you write the code like the second fomat,you must set the action to the form before the image is clicked.
分享到:
相关推荐
一、input type=file 文件选择表单元素 input type=file 是 HTML 中的一种表单元素,用于选择文件并上传到服务器。HTML5 之前的 input type=file 元素只能一次上传一张图片,无法满足一次上传多图的交互需求。因此...
首先,`<input type="file">` 是HTML中的一个表单元素,它的主要作用是让用户选择本地文件。在默认情况下,点击这个元素会打开一个文件浏览器对话框,让用户从他们的计算机中选取文件。但在移动设备上,特别是安装了...
HTML+JAVA 手机端相册或者拍照上传到服务器。前台代码部分:手机选择图片input type=file,通过form表单提交到后台;后台java代码部分:获取表单提交的文件和普通控件数据,将文件写入服务器某路径下
当用户点击了表单内的提交按钮或者触发了其他会导致表单提交的事件(如`input type=image`),浏览器会先执行`onSubmit`绑定的函数。在函数执行期间,我们可以通过逻辑判断来决定是否允许表单继续提交。例如,如果...
6. **提交按钮 (submit)**: `<input type="submit">` 用于提交表单数据到服务器。用户点击后,表单数据会被发送到指定的URL。 示例: ```html <input type="submit" value="提交"> ``` 7. **重置按钮 (reset)**...
- 示例:`<input type="image" src="images/login.gif" />` 9. **隐藏域(hidden)** - 描述:用户不可见,用于存储后台程序需要的数据。 - 语法:`<input type="hidden" />` 10. **文件域(file)** - 描述:...
通过上述解析,我们可以看出`<input>`元素的`type`属性提供了丰富的功能,使得HTML表单能够适应各种应用场景,从简单的文本输入到复杂的文件上传和数据提交。掌握这些类型的应用,对于构建高效且用户友好的网页表单...
代码如下: <pre class=”javascript” name=”code”>function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage....input type=”IMAGE” src=”style/blue/images/but
最普通最常用最一般的方法就是用submit type..看代码: 复制代码代码如下: <...input type=”image” name=”submit” src=”btnSubmit.jpg”> </form> 第三种是使用链接来提交表单,用到了
<input type="file" accept="image/*" capture="camera"> <!-- 录像 --> <input type="file" accept="video/*" capture="camera"> <!-- 录音 --> <input type="file" accept="audio/*" capture="microphone"> ``` ...
<input type="image" src="submit.gif" alt="Submit" width="30" height="30"> ``` #### 三、总结 本文详细介绍了HTML中`input`元素的各种类型及其使用方法。这些类型的灵活运用能够极大地提升用户体验,并使...
这就是一个按钮) type可选的值如下: button 按钮 checkbox 复选按钮组件 file 文件上传组件 hidden 隐藏域 image 图片区域 password 密码输入文本框 radio 单选按钮组件 reset 重置表单按钮 submit 提交表单按钮 ...
此外,`<input type="image">` 可以创建图像提交按钮。 总之,理解和熟练运用这些表单控件对于前端开发者来说至关重要,因为它们构成了用户与网页交互的基础。通过适当的布局和样式设计,可以创建出功能强大且用户...
- **示例**: `<input type="submit" value="提交表单">` #### 7. 图像提交按钮 (`<input type="image">`) - **定义**: `<input type="image">` 通过图像来替代文字按钮。 - **属性**: 必须指定 `src` 属性来设置...
- **电子邮件**: 使用`<input type="email">`可以自动验证用户输入的电子邮件地址格式是否正确。 - 示例代码: ```html <label for="email">E-mail: <input type="email" id="email" name="user_email" ...
- 图片按钮:`<input type="image" src="图像URL">` - 提交按钮:`<input type="submit" value="按钮文字">` - 重置按钮:`<input type="reset" value="按钮文字">` - 普通按钮:`<input type="button" value=...
您可以通过将`<input type="image">`标签作为提交按钮来实现。例如: ```html <form action="submit.php" method="post"> <!-- 表单内容 --> <input type="image" src="submit_button.png" alt="Submit" name=...
`<input type=image>`是一种特殊的表单输入类型,用于创建图形按钮。当用户点击这个按钮时,不仅可以提交表单,还可以获取到点击位置的坐标信息。这些坐标信息通常被用来实现更加丰富的交互功能,特别是在早期的...
<input type="image" src="../b.jpg"> ``` ### 三、总结 通过以上介绍,我们可以看到`<input>`标签提供了丰富的类型和属性来满足各种需求。在实际开发过程中,合理地选择和配置这些属性可以极大地提高用户体验。...