简单设计两个网页

最新推荐文章于 2023-03-16 17:38:53 发布

web-joker

最新推荐文章于 2023-03-16 17:38:53 发布

阅读量2k

点赞数 3

分类专栏： 2020 第一章文章标签： html5

本文链接：https://blog.csdn.net/weixin_45943199/article/details/104653804

版权

刚开始学习响应式Web开发项目教程（HTML5+CSS3+Bootstrap），简单写出两个网页

第一段：员工信息登记表

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>员工信息登记表</title>
	<script type="text/javascript">
    function changeColor(node)
    {
   
        alert("颜色改变")
        var CollOptNodes=node.options; 
        var index=node.selectedIndex;       
        var colorVal=CollOptNodes[index].value;
        document.getElementById("text").style.color=colorVal;
    }
  </script>
</head>

<body style="background-color: #FFC1C1">
	<form name="user" action="#" method="get" align="center">
		<a align="center" ><strong><font size="5">员工信息登记表</font></strong></a>
	<table align="center" >
		<tr height="30px">
		     <td>用户名登录名:</td>
			 <td align="left"><input type="text"/></td>
		</tr>
		<tr height="30px">
		<td align="left">真实姓名:</td>
			<td align="left"><input type="text" />
			（必填，只能输入汉字）</td>
		</tr>
		<tr height="30px">
		<td align="left">真实年龄:</td>
			<td align="left"><input type="text" />
				（必填）</td>
		</tr>
		<tr height="30px">
		<td align="left">出生日期:</td>
			<td align="left"><input type="text"/>
				（必填）</td>
		</tr>
		<tr height="30px">
		<td align="left">电子邮箱:</td>
			<td align="left"><input type="text"/>
				（必填）</td>
		</tr>
		<tr height="30px">
		<td align="left">身份证号:</td>
			<td align="left"><input type="text"/>
				（必填，能够以数字、字母X结尾的短身份证号）</td>
		</tr>
		<tr height="30px">
		<td align="left">手机号码:</td>
		  <td align="left"><input type="text"/>
			  （必填）</td>
		</tr>
		<tr height="30px">
		<td align="left">幸运颜色：</td>

最低0.47元/天解锁文章

web-joker

关注

3
点赞
踩
23

收藏

觉得还不错? 一键收藏
0
评论
简单设计两个网页

刚开始学习响应式Web开发项目教程（HTML5+CSS3+Bootstrap），简单写出两个网页第一段：员工信息登记表<!doctype html><html><head><meta charset="utf-8"><title>员工信息登记表</title> <script type="text/java...
复制链接

扫一扫