<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function test(){
var loginForm=document.getElementById("loginForm");
/*
alert(loginForm.elements["username"].name);
alert(loginForm.elements["username"].nodeType);
alert(loginForm.elements["username"].value);
*/
/*alert(loginForm.elements[0].name);
alert(loginForm.elements[0].nodeType);
alert(loginForm.elements[0].value);*/
/* alert(loginForm.username.name);
alert(loginForm.username.nodeType);
alert(loginForm.username.value);*/
/* var buffer="";
for(var i=0;i<loginForm.elements.length;i++){
buffer+=loginForm.elements[i].name;
buffer+="=";
buffer+=loginForm.elements[i].value;
buffer+=",";
}*/
var buffer="";
for(var i=0;i<loginForm.elements.length;i++){
buffer=buffer.concat(loginForm.elements[i].name);
buffer=buffer.concat("=");
buffer=buffer.concat(loginForm.elements[i].value);
buffer=buffer.concat(",");
}
alert(buffer);
}
function editInputTxtCssByFocus(){
this.style.border="2px solid blue";
}
function editInputTxtCssByBlur(){
this.style.border="2px solid green";
}
window.onload=function(){
var loginForm=document.getElementById("loginForm");
for(var i=0;i<loginForm.elements.length;i++){
var e=loginForm.elements[i];
e.onfocus=editInputTxtCssByFocus;
e.onblur=editInputTxtCssByBlur;
}
}
</script>
<style type="text/csss">
</style>
</head>
<body>
<form id="loginForm" name="loginForm" method="post" action="">
<p>用户名: <br />
<input name="username" type="text" id="username" value="macrotea" />
<br />
密码: <br />
<input name="password" type="text" id="password" value="javaeye" />
<br />
密码确认: <br />
<input name="_password" type="text" id="_password" value="javaeye" />
</p>
<p>
<input type="submit" name="submit" id="submit" value="提交" />
<input type="reset" name="reset" id="reset" value="重置" />
</p>
</form>
<input name="button" type="button" onclick="test();" value="测试"/>
</body>
</html>
分享到：
相关推荐
这个工具尤其适用于那些需要频繁创建或更新表单的项目，可以极大地提高开发效率。在描述中提到的功能包括复选框、单选框、输入框、下拉选择框等基本表单元素，以及更复杂的特性如省市区三级联动、时间选择、日期选择...
4. **动手实践**：在学习理论知识后，实际编写HTML代码，创建简单的网页，并逐步添加复杂功能，如表单处理、响应式设计等。 5. **版本控制**：如果这个HTML文件是某个项目的一部分，那么可能会涉及到版本控制工具，...
### 自己动手写Struts：构建基于MVC的Web开发框架 #### 第一篇：Web框架入门 ##### 第1章 运筹帷幄：Web框架的核心思想 - **MVC模式** - **MVC模式概述**：MVC（Model-View-Controller）是一种常用的设计模式，...
思考与体验部分鼓励学生根据已有的设计思路，自己动手实现主控表单中其他效果的功能，这样不仅能加深对VFP表单操作的理解，还能锻炼编程技巧和创新思维。 总的来说，这门教程涵盖了VFP中表单的高级使用技巧，特别是...
在.NET Framework中，我们可以继承自TabControl控件，然后覆盖其默认的绘图行为，以实现我们自己的定制逻辑。这涉及到对OnPaint事件的处理，以及使用Graphics对象进行绘制。理解控件的生命周期和事件模型对于创建...
在网页开发中，表单验证是一项至关重要的任务，它确保用户输入的数据符合预期的格式和规则，从而保证数据的准确性...记得实践是检验真理的唯一标准，动手尝试并结合实际项目去应用这些知识，你的技能将会得到显著提升。
本教程将聚焦于如何利用这两项技术进行表单的美化，提升用户界面的视觉吸引力和使用体验。我们将深入探讨如何通过CSS3的新特性...在提供的"表单美化案例"中，你可以看到这些概念的实际应用，进一步加深理解并动手实践。
在IT领域，表单验证是网站开发中必不可少的一部分，它确保用户输入的数据符合预设的规范，从而提高数据...对于初学者来说，这是一个很好的动手练习项目，可以帮助你在实践中巩固理论知识，进一步理解Web开发的全貌。
**JSP（JavaServer Pages）是一种动态网页技术，它允许开发者在HTML页面中嵌入Java代码，从而实现服务器端的数据处理。在这个“JSP练习关于表单传递”的例子中，我们...记住，实践是提高技能的关键，所以动手试试看吧！
AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。在本案例中，"AJAX验证表单下载...记得解压文件，查看源代码，动手实践，这样才能更好地理解其中的工作原理。
为了更好地学习和实践，你可以下载这个文件并查看其中的内容，动手尝试创建和定制自己的手机表单页面布局和按钮样式。 总结来说，jQuery Mobile 和 CSS3 在手机表单页面布局和按钮样式设计中起到了关键作用。jQuery...
在本案例中，“自己动手做的简单asp动态网页”是一个专为ASP初学者设计的实践项目，旨在帮助他们理解基本的ASP概念和技术。下面将详细阐述ASP的核心特性以及如何创建动态网页。 1. ASP的基本原理： ASP是基于HTTP...
《自己动手写网络爬虫》是一本面向初学者和进阶者的教程，旨在帮助读者掌握网络爬虫的基本原理和实践技巧。这本书通过清晰的讲解和实例，让你深入了解Python在爬虫开发中的应用。 网络爬虫是自动抓取互联网信息的一...
SmartUpload是一款功能强大的Java上传组件，它为Web应用提供了便捷的文件上传解决方案。在这个"SmartUpload上传...通过实际动手，你可以更好地掌握SmartUpload的使用技巧，从而在项目中更加灵活地处理文件上传需求。
JavaScript（简称JS）是一种轻量级的编程语言，主要用于网页和网络应用的开发。在本主题"js表单特效"中，我们将深入探讨...记住，实践是检验理论的最好方式，动手尝试编写和调整代码，将有助于你深化对这一主题的理解。
Bootstrap是世界上最流行的前端开发框架之一，它为网页设计师和开发者提供了快速构建响应式、移动优先的网站工具。在这个“bootstrap表单页面练习”中，我们...动手实践是最好的学习方法，所以不要犹豫，立即开始吧！
在IT领域，前端开发是构建Web应用程序的重要组成部分，它主要关注用户界面和用户体验。这个"一个表单设计器前端代码"项目提供了一...实践是最好的老师，动手操作这个项目，结合查阅相关文档和教程，相信你会收获颇丰。
在前端开发中，表单验证是必不可少的一部分，它确保用户输入的数据符合预期，从而提高用户体验并减少服务器端的处理压力。本项目“JS-CSS-Class-Based-...开发者可以根据自己的项目需求，参考该项目进行定制和扩展。
本篇将探讨如何自己动手编写一个SQL注入漏洞扫描工具，通过分析提供的程序代码，我们可以了解基本的检测原理和技术。 首先，我们需要理解SQL注入的基本概念。当用户提交的数据被直接拼接到SQL查询中，而没有进行...
自己动手写Struts1 要实现一个简易的Struts1框架，你需要完成以下步骤： 1. **创建ActionServlet**：实现Servlet接口，处理HTTP请求。这里需要解析请求参数，根据ActionMapping找到对应的Action执行。 2. **编写...