<%@ 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. 使用模块化编译缩小 apk 体积
			
    libcocos2dlua.so编译出来有11M多,其中包含了很多不需要的模块,模块化编译,把不需要用到的模块弄成0,体积就小了. 如: 修改D:\codeide\sDiShu2formm\frame ...
    
			
    2. 
						
  2. mysql存储引擎之myisam学习
			
    myisam存储引擎特点:1.不支持事务2.表级锁定(更新时锁整个表,其索引机制是表级索引,这虽然可以让锁定的实现成本很小,但是也同时大大降低 了其并发性能) 3.读写互相阻塞:不仅会在写入的时候阻塞 ...
    
			
    3. 
						
  3. CRC 自动判断大端 小端
			
    /* aos_crc64.c -- compute CRC-64 * Copyright (C) 2013 Mark Adler * Version 1.4 16 Dec 2013 Mark Adle ...
    
			
    4. 
						
  4. laravel的blade模板的布局嵌套
			
    测试路由 Route::get('/', function() { $value = [,,]; return view('home.index', array('data' => $value ...
    
			
    5. 
						
  5. 分布式事务之：TCC几个框架的测试情况记录
			
    国内主要的开源TCC分布式事务框架包括 框架名称 Github地址  star数量  tcc-transaction  https://github.com/changmingxie/tcc-tran ...
    
			
    6. 
						
  6. MySQL 聚合函数、运算符操作、约束、表的复制
			
    1.聚合函数 1.分类 avg(字段名) : 求该字段平均值 sum(字段名) : 求和 max(字段名) : 最大值 min(字段名) : 最小值 count(字段名) : 统计该字段记录的个数2. ...
    
			
    7. 
						
  7. md5加密（4）
			
    package test1; import java.security.MessageDigest; import java.security.NoSuchAlgorithmException; pu ...
    
			
    8. 
						
  8. RAC环境TNS-12541报错处理
			
    按照前文所述搭建好RAC环境后,发现在rac2上面无法查看到listener的状态,如下: [oracle@rac2 ~]$ lsnrctl status LSNRCTL for Linux: Ver ...
    
			
    9. 
						
  9. DBA_2PC_PENDING （转）
			
    DBA_2PC_PENDINGOracle会自动处理分布事务,保证分布事务的一致性,所有站点全部提交或全部回滚.一般情况下,处理过程在很短的时间内完成,根本无法察觉到.但是,如果在commit或rol ...
    
			
    10. 
						
  10. 关于setTimeout的一个逻辑题
			
    function hh() { for (var i = 1; i <=5; i++) { setTimeout(function(){ console.log(i); },100) } con ...
    
			
    11.