<%@ 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. Linux环境下Maven的.m2文件夹
			
    aven中的.m2文件夹 安装完maven是没有.m2文件夹的.在linux中以.开头的文件夹都是隐藏的.当使用maven命令的时候,maven自动会创建.m2文件夹. 运行命令mvn help:sy ...
    
			
    2. 
						
  2. O/R映射及OID方案
			
    一.O/R映射层基本介绍 O/R映射层是持久层的一个特例,它的数据模型是对象模型(Object),存储模型是关系模型(Relational),cmp和Hibernate是对象模型到关系模型之间转换的两 ...
    
			
    3. 
						
  3. Firewalld防火墙与ICMP攻击
			
    原文地址:http://www.excelib.com/article/293/show 提到ICMP大家应该都很熟悉,可能有人会说:不就是ping吗?但是说到ICMP攻击以及相关防御措施可能就有的人 ...
    
			
    4. 
						
  4. Glide源码解析
			
    基本使用方法: Glide.with(this) .asDrawable() .load("http://i6.topit.me/6/5d/45/1131907198420455d6o.jp ...
    
			
    5. 
						
  5. appium历史版本下载地址
			
    https://github.com/appium/appium-desktop/releases
    
			
    6. 
						
  6. 纯css实现点击事件
			
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
			
    7. 
						
  7. thinkphp中的配置与读取C方法详解
			
    1.项目公共配置 Conf/config.php 内容如下 <?php /** *项目公共配置 *@package *@author **/ return array( 'LOAD_EXT_CO ...
    
			
    8. 
						
  8. 大白话系列之C#委托与事件讲解大结局
			
    声明:本系列非原创,因为太精彩才转载,如有侵权请通知删除,原文:http://www.cnblogs.com/wudiwushen/archive/2010/04/20/1698795.html 今天 ...
    
			
    9. 
						
  9. zabbix agent主动模式与proxy模式，实现公网zabbix监控私网客户机
			
    zabbix agent主动模式,实现公网zabbix监控私网客户机 zabbix_server端当主机数量过多的时候,由Server端去收集数据,Zabbix会出现严重的性能问题,主要表现如下:   ...
    
			
    10. 
						
  10. webDriver对element进行操作
			
    非常感谢原作者:eastmount,原地址:http://blog.csdn.net/eastmount/article/details/48108259     感谢感谢 这篇文章主要Seleniu ...
    
			
    11.