<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>学生个人信息</title>

    <script type="text/javascript">

        function checkXH(){

            var a = document.getElementById("XH").value;

            if(a.length == 0){

                alert("学号不能为空");

            }else if(a.length >6){

                alert("学号不能超过6个长度");

            }else if(!isNumeric(a)){

                alert("输入的学号不是数字");

            }

        }

        function checkXM(){

        	var a = document.getElementById("XM").value;

        	if(a.length == 0){

        		alert("姓名不能为空");

        	}else if(a.length>10){

        		alert("姓名长度不能超过10位");

        	}

        }

        // 判断输入是否为数字

        function isNumeric(n) {

            return !isNaN(parseFloat(n)) && isFinite(n);

        }

        //判断姓名只能是字母

        function(){

        }

        //兴趣不能全选

        function isAllSelect(){

        	var ids = document.getElementsByName("XQ");

        	var count = 0;

            for(var i=0;i<ids.length;i++){

            	if(ids[i].checked){

            		count++;

            	}

            }

            if(count == ids.length){

            	alert("兴趣不能全选");

            }

        }

    </script>

</head>

<center>

<body>

    <form action="#" method="POST" name="form1"  onsubmit="checkXH();isAllSelect();checkXM();" >

    <fieldset style="width:450px" align="center">

        <legend><b>学生个人信息</b></legend>

            <fieldset style="width:400px" align="left">

            <legend><b>基本资料</b></legend>

                <table width="400" border="0" align="center" bgcolor="#CCFFCC">

                <tr>

                    <td width="120">学号:</td>

                    <td><input id="XH" type="text" ></td>

                </tr>

                <tr>

                    <td width="120">姓名:</td>

                    <td><input name="XM" type="text" id="XM"></td>

                </tr>

                <tr>

                    <td width="120">性别:</td>

                    <td><input name="XB" type="radio">男

                        <input name="XB" type="radio">女

                    </td>

                </tr>

                <tr>

                     <td width="120">出生日期:</td>

                     <td><input name="CSRQ" type="text" value="19980624"></td>

                </tr>

                </table>

            </fieldset>

            <fieldset style="width:400px" align="left">

            <legend><b>详细资料</b></legend>

                <table width="400" border="0" align="center" bgcolor="#CCFFCC">

                <tr>

                    <td width="120">专业:</td>

                    <td>

                        <select name="se" size="1">

                        <option>计算机</option>

                        <option>软件工程</option>

                        <option>信息管理</option>

                        <option>通信工程</option>

                        <option>信息网络</option>

                    </td>

                </tr>

                <tr>

                    <td width="120">选修课程:</td>

                    <td>

                        <select name="XXZY" size="3" multiple="multiple">

                        <option>计算机导论</option>

                        <option>数据结构</option>

                        <option>数据库原理</option>

                        <option>操作系统</option>

                        <option>计算机网络</option>

                    </td>

                </tr>

                <tr>

                    <td>备注:</td>

                    <td><textarea name="BZ">团员</textarea> </td>

                </tr>

                <tr>

                    <td>兴趣:</td>

                    <td>

                        <input type="checkbox" name="XQ" checked="checked">听音乐

                        <input type="checkbox" name="XQ">看小说

                        <input type="checkbox" name="XQ" checked="checked">上网

                    </td>

                </tr>

                </table>

            </fieldset>

            <input type="submit" value="提交" align="center">

            <input type="submit" value="重置" align="center">

    </fieldset>

    </form>

</body>

</center>





　　






												


											
html学习代码的更多相关文章
	

    
						
  1. java反射机制学习代码
		
    根据 http://www.iteye.com/topic/137944 文档进行学习 代码如下: package reflectTest; import java.lang.reflect.*; i ...
    
		
    2. 
						
  2. 如何免费使用GPU跑深度学习代码
		
    从事深度学习的研究者都知道,深度学习代码需要设计海量的数据,需要很大很大很大(重要的事情说三遍)的计算量,以至于CPU算不过来,需要通过GPU帮忙,但这必不意味着CPU的性能没GPU强,CPU是那种综 ...
    
		
    3. 
						
  3. 常用统计分析python包开源学习代码 numpy pandas matplotlib
		
    常用统计分析python包开源学习代码 numpy pandas matplotlib 待办 https://github.com/zmzhouXJTU/Python-Data-Analysis
    
		
    4. 
						
  4. swift2.0 字符串，数组，字典学习代码
		
    swift 2.0 改变了一些地方,让swift变得更加完善,这里是一些最基本的初学者的代码,里面涉及到swift学习的最基本的字符串,数组,字典和相关的操作.好了直接看代码吧. class View ...
    
		
    5. 
						
  5. 420小时学习代码之后:如何教你免费自学Python
		
    原文地址:learning-to-code-420-hours-later-how-to-teach-yourself-python-for-free 说明:有些网址需要FQ. 大约在1.5年前,我开 ...
    
		
    6. 
						
  6. WEB前端学习代码片段记录
		
    1.JS设计模式片段 Function.prototype.addMethod = function (name,fn) { this.prototype[name] = fn; return thi ...
    
		
    7. 
						
  7. OpenCV学习代码记录——人脸检测
		
    很久之前学习过一段时间的OpenCV,当时没有做什么笔记,但是代码都还在,这里把它贴出来做个记录. 代码放在码云上,地址在这里https://gitee.com/solym/OpenCVTest/tr ...
    
		
    8. 
						
  8. OpenCV学习代码记录—— Snake轮廓
		
    很久之前学习过一段时间的OpenCV,当时没有做什么笔记,但是代码都还在,这里把它贴出来做个记录. 代码放在码云上,地址在这里https://gitee.com/solym/OpenCVTest/tr ...
    
		
    9. 
						
  9. OpenCV学习代码记录——Hough线段检测
		
    很久之前学习过一段时间的OpenCV,当时没有做什么笔记,但是代码都还在,这里把它贴出来做个记录. 代码放在码云上,地址在这里https://gitee.com/solym/OpenCVTest/tr ...
    
		
    10. 
						
  10. OpenCV学习代码记录——轮廓(contour)检测
		
    很久之前学习过一段时间的OpenCV,当时没有做什么笔记,但是代码都还在,这里把它贴出来做个记录. 代码放在码云上,地址在这里https://gitee.com/solym/OpenCVTest/tr ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. parceljs 基本使用———又一个前端构建工具
			
    备注:      又一个新的前端构建工具 1. 安装 yarn global add parcel-bundler 2. 初始化项目 yarn init -y 3. 基本代码 a. 创建 index. ...
    
			
    2. 
						
  2. c# Dictionary字典类如何使用
			
    Dictionary<string, string> openWith = new Dictionary<string, string>(); //添加元素 openWith. ...
    
			
    3. 
						
  3. 将SQLite移植到ARM板上 (转)
			
    SQLite,是一款轻型的数据库,是遵守ACID的关联式数据库管理系统,它的设计目标是嵌入式的,而且目前已经在很多嵌入式产品中使用了它, 它占用资源非常的低,在嵌入式设备中,可能只需要几百K的内存就够 ...
    
			
    4. 
						
  4. 老齐python-基础4(元祖、字典、集合)
			
    1.元祖 元祖的特性结合了字符串和列表 元祖是用圆括号括起来的,其中的元素之间用逗号(英文半角)隔开.元祖中的元素是任意类型的python对象(包括以后自定义的对象) 元祖中的元素不可更改,所以修改列 ...
    
			
    5. 
						
  5. Java垃圾回收原理
			
    无意中在网络上找到了这篇介绍垃圾回收机制的文章,好文!转一下: 垃圾回收器是如何工作的?我现在就简单的介绍一下 首先要明确几点: Java是在堆上为对象分配空间的 垃圾回收器只跟内存有关,什么IO啊, ...
    
			
    6. 
						
  6. Java-Runoob-高级教程：Java 序列化
			
    ylbtech-Java-Runoob-高级教程:Java 序列化 1.返回顶部 1. Java 序列化 Java 提供了一种对象序列化的机制,该机制中,一个对象可以被表示为一个字节序列,该字节序列包 ...
    
			
    7. 
						
  7. png格式图片转为svg格式图片
			
    png格式图片转为svg格式图片 (2012-08-30 16:24:00) 转载▼ 标签: 杂谈 分类: linux 在ubuntu下将png格式的图片转换成svg格式步骤如下:1.安装 inksc ...
    
			
    8. 
						
  8. DOM笔录
			
    文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口.它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式.我们最为关心的是,DOM把 ...
    
			
    9. 
						
  9. 25行 Python 代码实现人脸检测——OpenCV 技术教程
			
    这是篇是利用 OpenCV 进行人脸识别的技术讲解.阅读本文之前,这是注意事项: 建议先读一遍本文再跑代码——你需要理解这些代码是干什么的.成功跑一遍不是目的,能够举一反三.在新任务上找出 bug 才 ...
    
			
    10. 
						
  10. jquery 实现点击图片居住放大缩小
			
    该功能是基于jquery实现的,所以 第一步则是引入jquery jquery下载地址:https://jquery.com/download/ 或者使用此时调试的版本(3版本) /*! jQuery ...
    
			
    11.