<%@ 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. python 数组反序的方法
			
    arr = np.array(some_sequence) reversed_arr = arr[::-1] do_something(arr) look_at(reversed_arr) do_so ...
    
			
    2. 
						
  2. VS2013下的64位与32位程序配置
			
    VS2013下的64位与32位程序配置   在Windows 7 64bit和Visual Studio 2013下生成64位程序. 新建一个Visual Studio Win32 Console项目 ...
    
			
    3. 
						
  3. Python中实现远程调用（RPC、RMI）简单例子
			
    说白了,远程调用就是将对象名.函数名.参数等传递给远程服务器,服务器将处理结果返回给客户端   远程调用使得调用远程服务器的对象.方法的方式就和调用本地对象.方法的方式差不多,因为我们通过网络编程把这 ...
    
			
    4. 
						
  4. webpack 简单使用
			
    备注:  使用yarn 结合npm 模块进行简单项目开发 1. 安装 yarn init yarn add webpack --dev yarn global add live-server 2. 添 ...
    
			
    5. 
						
  5. cocos2d
			
    http://www.jetbrains.com/webstorm/download/index.html 运行又有下面错误 Fatal signal 11 (SIGSEGV) at 0x000000 ...
    
			
    6. 
						
  6. protobuf新增message报错：类型已存在
			
    问题现象:在一个已有的proto文件(RecommendResponse.proto)中新增一个message(BookList),用maven编译proto文件时报错: E:\workspace\m ...
    
			
    7. 
						
  7. Win10系统WMIProviderHost进程占用CPU过高
			
    “WMI Provider Host“占用了过多CPU资源导致系统卡顿,该如何解决这个问题呢? 解决方法: 可以尝试关闭Windows防火墙服务来解决这个问题. 1.按住win+R,输入service ...
    
			
    8. 
						
  8. "==" 与 “equals”
			
    “==”: “==”或等号操作在Java编程语言中是一个二元操作符,用于比较原生类型和对象.(操作符不支持重载overloading) “==”对比两个对象基于内存引用,如果两个对象的引用完全相同(指 ...
    
			
    9. 
						
  9. java代码----I/O流从控制台输入信息判断并抛出异常
			
    package com.a.b; import java.io.*; public class Yu { public static void main(String[] args) throws I ...
    
			
    10. 
						
  10. 20165226 实验四 Android程序设计
			
    实验四 Android程序设计 实验目的 一.Android Studio的安装测试 二.Activity测试 三.UI测试 四.布局测试 五.事件处理测试 实验内容及步骤 (一)Android St ...
    
			
    11.