function submitToLink(){
//document.getElementById返回值如为null或undefined，则其返回值会被false
//document.createTextNode返回值如为null或undefined，则其返回值会被false
if(!document.getElementById||!document.createTextNode){
return;
}
//得到所有的INPUT标签
var inputs = document.getElementsByTagName("INPUT");
//“提交”按钮所在的索引号
var submitIndex = 0;
//遍历INPUT标签集合
for(var i=0;inputs.length;i++){
//如某个INPUT标签的value值为"send"，则退出循环，submitIndex记录“提交”按钮的索引号
var inputValue = inputs[i].getAttribute("value");
//inputValue==null的情况下，不再转换为小写字母
if("send"==(inputValue?inputValue.toLowerCase():inputValue)){
submitIndex = i;
break;
}
}
//提交元素(按钮)
var submitTag=inputs[submitIndex];
//创建“提交超链接”
var submitLink = document.createElement("A");
//创建一个文本，内容即提交按钮的内容"send"(超链接中的显示部分)
var submitLinkText = document.createTextNode(submitTag.getAttribute("value"));
//“提交超链接”增一个“文本”子元素
submitLink.appendChild(submitLinkText);
//为“提交超链接”的href设置属性
submitLink.setAttribute("href","javascript:document.forms[0].submit()");
//将“提交超链接”替换掉“提交按钮”
submitTag.parentNode.replaceChild(submitLink,submitTag);
}
window.onload=submitToLink;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> DOM Example </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.error{color:#c00;font-weight:bold;}
</style>
<script type="text/javascript" src="test.js">
</script>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="abc">
<label for="name">Name:</label>
<INPUT TYPE="text" NAME="username">
<INPUT TYPE="submit" value="send">
</FORM>
</BODY>
</HTML>
分享到：
相关推荐
在Bootstrap框架中，将超链接（`<a>`标签）模拟为按钮的样式，可以极大地增强用户界面的可操作性和视觉一致性。Bootstrap提供了一种简便的方法来实现这种转换，通过应用特定的CSS类到`<a>`标签，使其外观和行为更...
为了用文字链接替换表单提交按钮，我们可以使用`<a>`标签，它代表超链接。我们将`<a>`标签的`href`属性设置为`javascript:`，然后在`<a>`标签内编写JavaScript代码以触发表单的提交。以下是基本的HTML结构： ```...
然而，为了追求更丰富的用户体验或者符合某些设计规范，有时我们需要将这个提交按钮的样式转换成`<a>`（超链接）标签的样式。下面我们将详细探讨如何实现这一转换，并了解相关的HTML、CSS和JavaScript知识。 首先，...
提交按钮用于将表单数据发送到服务器，重置按钮则清除所有表单数据，图像按钮允许使用自定义图像作为提交按钮。 9. 开发公司与软件类型：Dreamweaver CS6是由Adobe公司开发的一款专业网页设计软件，主要用于构建和...
- 防止表单重复提交：在用户点击提交按钮后，使用`location.replace`跳转到新的页面，避免用户刷新页面或误操作导致的重复提交。 3. **实际应用**： 如描述中所示，有两种常见的方式使用`location.replace`： - ...
- **资源制作界面**：审核功能替换为"确定"按钮，允许管理员在此基础上增删文件。 - **文件选择**：与申请资源模块相似，但已选文件有特殊图标区分，管理员可以灵活调整资源包内容。 - **功能说明**：包括加载待...
- ajaxForm通常用于在用户操作触发提交按钮时（即表单上有submit按钮），它在form元素上绑定一个事件，将正常的表单提交行为替换为Ajax提交。 - ajaxSubmit则可以绑定到任何元素的事件上，比如按钮、图片或其他元素...
- **确定按钮**：使用`<input>`标签创建一个`type="submit"`的按钮，`value`属性定义按钮上的文字，这里是"确定"，提交表单数据。 - **清除按钮**：再创建一个`<input>`标签，`type="reset"`，生成一个清除按钮，`...
18. 表单中的按钮通常包括提交按钮（Submit）、重置按钮（Reset）和图像按钮（Image Button），分别用于提交表单、清除表单数据和自定义外观的按钮操作。 19. Dreamweaver CS6是由Adobe公司开发的一款专业网页设计...
30. **图像域**：图像域是一种特殊类型的表单元素，它将图像用作提交按钮，同时具备按钮的功能。 31. **onmouseover事件**：在JavaScript中，onmouseover事件表示当鼠标移动到某对象之上时触发的动作。 这些知识点...
- `<input>`标签：创建各种输入字段，如`type="text"`创建文本输入框，`type="radio"`创建单选按钮，`type="submit"`创建提交按钮，`type="reset"`创建重置按钮。 - `<select>`标签：创建下拉列表，`rows`和`cols`...
此外，FCKeditor的工具栏可以根据需求定制，通过修改`fckconfig.js`文件，可以调整工具栏按钮的排列和启用/禁用特定功能。例如，如果你的项目不需要Flash支持，可以移除相应的插件。 总的来说，Java中的FCKeditor是...
1. HTML表单：包含两个输入字段，分别用于输入底和高，以及一个提交按钮。 2. JSP脚本let或脚本片段：用于接收用户输入，执行面积计算，并可能将结果显示在页面上。 3. JavaScript：可能用于前端验证输入数据的合法...
说明：通过本参数，在非标准submit提交环境下，比如AJAX提交，可以由用户点击提交按钮以触发编辑器最新值的同步 备注：v1.1.7新添加 onPaste：剪切板粘贴回调函数 参数值：用户粘贴后需要执行的函数 说明：此函数...
按钮`<input type="submit">`和`<input type="reset">`分别代表提交和重置，可以自定义显示文本，也可以用图像替换。 在创建框架时，`<frameset>`和`cols`或`rows`属性用于定义框架布局，如`*, 3*">`创建左右框架，...
##### 2.17 Submit（提交按钮） - **语法**： ```html [onclick="handlertext"]> ``` - **描述**：创建一个提交按钮，可以设置名称、显示文本及点击时触发的JavaScript函数。 - **应用场景**：用于提交表单数据。...
6. **状态栏功能**：除了缩放按钮外，IE8状态栏中的其他功能，如鼠标悬停时显示超链接预览，都被移除，影响了用户的交互体验。 7. **自由移动浏览器元素**：IE9不再允许用户在未锁定状态下自由移动浏览器元素，限制...
4. 交互处理：通过JavaScript监听提交按钮事件，获取编辑器中的内容并发送到服务器进行存储。 三、eWebEditor飞鱼修改版 "eWebEditor在线文本编辑器飞鱼修改版"可能是eWebEditor的一个优化或增强版本，由飞鱼团队...
生成提交按钮，触发表单提交事件，支持多种样式和事件绑定。 #### `<s:subset>` 标签 从集合中提取子集，支持按索引或条件筛选。 #### `<s:tabbedPanel>` 标签 实现标签页面板，可以动态加载内容，提高用户界面...