HTML学习二
继续上一次的学习:
<html>
<head>
<title>新增雇员</title>
<script language="javascript" src="study1js/study1.js"></script>
<script language="javascript" src="study1js/date.js"></script>
</head>
<body>
<form action="" method="">
<table width="76%" height="392" border="1" align="center" bgcolor="#66CCFF" cellpadding="5" cellspacing="0">
<tr>
<td height="36" colspan="3" align="center" valign="middle">增加雇员</td>
</tr>
<tr>
<td width="12%" align="center" valign="middle">雇员编号:</td>
<td width="10" align="left" valign="middle" ><input type="text" name="empno" onblur="validateEmpno(this.value)"/></td>
<td width="70%" align="left" valign="middle"><span id="empnomsg">请输入四位数字</span></td>
</tr>
<tr>
<td align="center" valign="middle">雇员姓名:</td>
<td align="left" valign="middle"><input type="text" name="ename" onblur="validateEname(this.value)"/></td>
<td align="left" valign="middle"><span id="enamemsg">不能超过10位字符!</td>
</tr>
<tr>
<td align="center" valign="middle">雇员性别:</td>
<td align="left" valign="middle"><input type="radio" name="sex" value="男" checked="checked" />男 <input type="radio" name="sex" value="女"/> 女</td>
<td> </td>
</tr>
<tr>
<td align="center" valign="middle">雇员家乡:</td>
<td width="10" align="left" valign="middle"><select name="city" onChange="homes(this.value)">
<option>--请选择--</option>
<option value="北京">北京</option>
<option value="南京">南京</option>
</select>
<input name="citymsg" type="text" /></td>
<td></td>
</tr>
<tr>
<td align="center" valign="middle">雇员职位:</td>
<td align="left" valign="middle"><input type="text" name="job" onblur="validateJob(this.value)" /></td>
<td align="left" valign="middle"><span id="jobmsg">不能超过9位字符!</span></td>
</tr>
<tr>
<td align="center" valign="middle">雇员日期:</td>
<td align="left" valign="middle"><input type="text" name="hiredate" onclick='popUpCalendar(this, this, "yyyy-mm-dd")' onblur="validateHiredate(this.value)" /></td>
<td align="left" valign="middle"><span id="hiredatemsg">请选择日期!日期格式(yyyy-MM-dd)</span></td>
</tr>
<tr>
<td align="center" valign="middle">雇员薪水:</td>
<td align="left" valign="middle"><input type="text" name="sal" onblur="validateSal(this.value)"/></td>
<td align="left" valign="middle"><span id="salmsg">工资为数字</span></td>
</tr>
<tr>
<td align="center" valign="middle">雇员佣金:</td>
<td align="left" valign="middle"><input type="text" name="comm"/></td>
<td></td>
</tr>
<tr>
<td align="center" valign="middle">兴趣爱好:</td>
<td colspan="2" align="left" valign="middle"><input type="checkbox" name="ist" value="电视"/>电视 <input type="checkbox" name="ist" value="电影"/>电影 <input type="checkbox" name="ist" value="音乐"/>音乐</td>
</tr>
<tr>
<td align="center" valign="middle">备注:</td>
<td colspan="2" align="left" valign="middle"><textarea cols="60%" rows="6" name="note"></textarea></td>
</tr>
<tr>
<td align="center" valign="middle" colspan="3"><input type="submit" value="增加" name="sub"/>
<input type="reset" value="重置" name="res" /></td> </tr>
</table>
</form>
</body>
</html></html>
效果图:
下一篇 将继续完善表单功能。
HTML学习二的更多相关文章
- emberjs学习二(ember-data和localstorage_adapter)
emberjs学习二(ember-data和localstorage_adapter) 准备工作 首先我们加入ember-data和ember-localstorage-adapter两个依赖项,使用 ...
- ReactJS入门学习二
ReactJS入门学习二 阅读目录 React的背景和基本原理 理解React.render() 什么是JSX? 为什么要使用JSX? JSX的语法 如何在JSX中如何使用事件 如何在JSX中如何使用 ...
- TweenMax动画库学习(二)
目录 TweenMax动画库学习(一) TweenMax动画库学习(二) TweenMax动画库学习(三) Tw ...
- Hbase深入学习(二) 安装hbase
Hbase深入学习(二) 安装hbase This guidedescribes setup of a standalone hbase instance that uses the local fi ...
- Struts2框架学习(二) Action
Struts2框架学习(二) Action Struts2框架中的Action类是一个单独的javabean对象.不像Struts1中还要去继承HttpServlet,耦合度减小了. 1,流程 拦截器 ...
- Python学习二:词典基础详解
作者:NiceCui 本文谢绝转载,如需转载需征得作者本人同意,谢谢. 本文链接:http://www.cnblogs.com/NiceCui/p/7862377.html 邮箱:moyi@moyib ...
- Quartz学习--二 Hello Quartz! 和源码分析
Quartz学习--二 Hello Quartz! 和源码分析 三. Hello Quartz! 我会跟着 第一章 6.2 的图来 进行同步代码编写 简单入门示例: 创建一个新的java普通工程 ...
- SpringCloud学习(二):微服务入门实战项目搭建
一.开始使用Spring Cloud实战微服务 1.SpringCloud是什么? 云计算的解决方案?不是 SpringCloud是一个在SpringBoot的基础上构建的一个快速构建分布式系统的工具 ...
- DjangoRestFramework学习二之序列化组件、视图组件 serializer modelserializer
DjangoRestFramework学习二之序列化组件.视图组件 本节目录 一 序列化组件 二 视图组件 三 xxx 四 xxx 五 xxx 六 xxx 七 xxx 八 xxx 一 序列化组 ...
- SpringMVC入门学习(二)
SpringMVC入门学习(二) ssm框架 springMVC 在上一篇博客中,我简单介绍了一下SpringMVC的环境配置,和简单的使用,今天我们将进一步的学习下Springmvc的操作. mo ...
随机推荐
- listen函数里面backlog的意义以及各种情况
先看了这篇: http://www.cppblog.com/thisisbin/archive/2010/02/07/107444.html 里面说了会维护两个队列,established 和 syn ...
- ARM交叉编译工具链分类说明
转载整理自:http://www.veryarm.com/cross-tools 从授权上,ARM交叉编译工具链分为免费授权版和付费授权版. 免费版目前有三大主流工具商提供,第一是GNU(提供源码,自 ...
- MySQL密码过期策略
如果要设置密码永不过期的全局策略,可以这样:(注意这是默认值,配置文件中可以不声明) [mysqld] default_password_lifetime=0 禁用密码过期: ALTER USER ' ...
- iOS 导航栏不可点击
self.navigationController.navigationBar.userInteractionEnabled = NO;
- Spring boot+CXF开发WebService
最近工作中需要用到webservice,而且结合spring boot进行开发,参照了一些网上的资料,配置过程中出现的了一些问题,于是写了这篇博客,记录一下我这次spring boot+cxf开发的w ...
- iOS 之 通知
步骤一,注册消息: [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(getUserProfileSu ...
- Bootstrap 按钮分组
Bootstrap 按钮分组: <!DOCTYPE html> <html lang="en"> <head> <meta charset ...
- Clojure发音
Clojure的发音和单词closure是一样的.Clojure之父是这样解释Clojure名字来历的 “我想把这就几个元素包含在里面: C (C#), L (Lisp) and J (Java). ...
- Canvas 阴影效果
shadow <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...
- HTML5本地存储 localStorage 和 sessionStorage 的基本用法及属性
localStorage 和 sessionStorage 的用法都是本地的存储和获取 但他们又有所区别, 1, sessionStorage 是一个短暂的本地存数,它会随着浏览器的刷新和关闭而消失, ...