`

自己动手-表单2

阅读更多
<!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">
	window.onload=function(){
		var btnTest=document.getElementById("btnTest");
		btnTest.onclick=function(e){
			var username=document.getElementById("username");
			if(username.value=="macrotea"){
				var loginForm=document.getElementById("loginForm");
				loginForm.submit();
			}else{
				//方式1:
/*				if(e){
					e.preventDefault();//标准方式		
				}else{
					event.returnValue=false;//IE方式
				}*/
				//方式2:
				return false;
			}	

		}
	}
	</script>
	<style type="text/csss">
		
	</style>
	</head>

	<body>
    <form id="loginForm" name="loginForm" method="post" action="http://macrotea.iteye.com">
        <p>用户名: <br />
            <input name="username" type="text" id="username" value="macrotea1" />
            <br />
            <input type="button" name="btnTest" id="btnTest" value="测试"/>
        </p>
    </form>
</body>
</html>

 

 

分享到:
评论

相关推荐

    动手实践-2.zip

    【标题】"动手实践-2.zip"所对应的资源是一个压缩文件,这通常包含了多个相关文件或文件夹,便于用户一次性下载和传输。在IT行业中,压缩文件是常见的数据存储和分享方式,它通过特定的算法(如ZIP、RAR等)减少文件...

    PHP表单生成器,快速生成现代化的form表单

    这个工具尤其适用于那些需要频繁创建或更新表单的项目,可以极大地提高开发效率。在描述中提到的功能包括复选框、单选框、输入框、下拉选择框等基本表单元素,以及更复杂的特性如省市区三级联动、时间选择、日期选择...

    自己动手写Struts.pdf

    ### 自己动手写Struts:构建基于MVC的Web开发框架 #### 第一篇:Web框架入门 ##### 第1章 运筹帷幄:Web框架的核心思想 - **MVC模式** - **MVC模式概述**:MVC(Model-View-Controller)是一种常用的设计模式,...

    vfp管理系统绚丽表单设计

    思考与体验部分鼓励学生根据已有的设计思路,自己动手实现主控表单中其他效果的功能,这样不仅能加深对VFP表单操作的理解,还能锻炼编程技巧和创新思维。 总的来说,这门教程涵盖了VFP中表单的高级使用技巧,特别是...

    H5表单美化

    本教程将聚焦于如何利用这两项技术进行表单的美化,提升用户界面的视觉吸引力和使用体验。我们将深入探讨如何通过CSS3的新特性...在提供的"表单美化案例"中,你可以看到这些概念的实际应用,进一步加深理解并动手实践。

    JQ,JS表单验证大全

    在网页开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合预期的格式和规则,从而保证数据的准确性...记得实践是检验真理的唯一标准,动手尝试并结合实际项目去应用这些知识,你的技能将会得到显著提升。

    JSP练习关于表单传递

    **JSP(JavaServer Pages)是一种动态网页技术,它允许开发者在HTML页面中嵌入Java代码,从而实现服务器端的数据处理。在这个“JSP练习关于表单传递”的例子中,我们...记住,实践是提高技能的关键,所以动手试试看吧!

    php js 表单验证

    在IT领域,表单验证是网站开发中必不可少的一部分,它确保用户输入的数据符合预设的规范,从而提高数据...对于初学者来说,这是一个很好的动手练习项目,可以帮助你在实践中巩固理论知识,进一步理解Web开发的全貌。

    自己动手改造TabControl--从山寨Safari开始(源码+demo)

    在.NET Framework中,我们可以继承自TabControl控件,然后覆盖其默认的绘图行为,以实现我们自己的定制逻辑。这涉及到对OnPaint事件的处理,以及使用Graphics对象进行绘制。理解控件的生命周期和事件模型对于创建...

    jquery mobile css3手机表单页面布局按钮样式

    为了更好地学习和实践,你可以下载这个文件并查看其中的内容,动手尝试创建和定制自己的手机表单页面布局和按钮样式。 总结来说,jQuery Mobile 和 CSS3 在手机表单页面布局和按钮样式设计中起到了关键作用。jQuery...

    AJAX验证表单下载.rar

    AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在本案例中,"AJAX验证表单下载...记得解压文件,查看源代码,动手实践,这样才能更好地理解其中的工作原理。

    自己动手做的简单asp动态网页

    在本案例中,“自己动手做的简单asp动态网页”是一个专为ASP初学者设计的实践项目,旨在帮助他们理解基本的ASP概念和技术。下面将详细阐述ASP的核心特性以及如何创建动态网页。 1. ASP的基本原理: ASP是基于HTTP...

    Web前端开发基础:CSS控制表单.ppt

    --*-- 1 单元目标 2 教学内容 3 动手实践 4 课堂小结 单元目标 使用CSS控制页面背景、表格、表单 能力目标 学会使用CSS控制表单 知识目标 《CSS网页样式设计与制作》 参考资料 2 教学内容 1 单元目标 3 动手实践 4 ...

    js表单特效

    JavaScript(简称JS)是一种轻量级的编程语言,主要用于网页和网络应用的开发。在本主题"js表单特效"中,我们将深入探讨...记住,实践是检验理论的最好方式,动手尝试编写和调整代码,将有助于你深化对这一主题的理解。

    bootstrap表单页面练习

    2. **表单控件样式**:Bootstrap的`.form-control`类可以应用到输入框、选择下拉框等元素上,为它们添加一致的边框、内阴影和填充,使其与Bootstrap的整体风格保持一致。 3. **响应式表单**:Bootstrap的表单设计是...

    SmartUpload上传文件和普通表单例子

    SmartUpload是一款功能强大的Java上传组件,它为Web应用提供了便捷的文件上传解决方案。在这个"SmartUpload上传...通过实际动手,你可以更好地掌握SmartUpload的使用技巧,从而在项目中更加灵活地处理文件上传需求。

    一个表单设计器前端代码

    2. **页签(Tabbed Interface)**:页签是一种有效的页面布局方式,用于组织大量内容而不使页面显得混乱。实现页签功能通常需要用到JavaScript库,如jQuery UI或Bootstrap。这些库提供了预设的样式和交互逻辑,包括...

    自己动手写网络爬虫

    《自己动手写网络爬虫》是一本面向初学者和进阶者的教程,旨在帮助读者掌握网络爬虫的基本原理和实践技巧。这本书通过清晰的讲解和实例,让你深入了解Python在爬虫开发中的应用。 网络爬虫是自动抓取互联网信息的一...

    JS-CSS-Class-Based-Validation:通过向 DOM 元素添加类来创建表单验证

    2. CSS 文件:定义了各种验证状态类的样式,可能包括错误提示的布局和动画效果。 3. HTML 文件:包含了示例表单,可能用到了`data-*`属性来存储验证规则,以及用于展示验证结果的DOM元素。 实现此类验证方案的优点...

    自己动手编写SQL注入漏洞扫描工具

    本篇将探讨如何自己动手编写一个SQL注入漏洞扫描工具,通过分析提供的程序代码,我们可以了解基本的检测原理和技术。 首先,我们需要理解SQL注入的基本概念。当用户提交的数据被直接拼接到SQL查询中,而没有进行...

Global site tag (gtag.js) - Google Analytics