HTML-做一个网页的注册登记表单

/* 
*Copyright (c) 2017,烟台大学计算机学院 
All rights reserved. 
*文件名称:关于HTML的练习
*作    者:张晴晴 
*完成日期:201711月5日 
*版 本 号:v1.0  * 
*问题描述:HTML5的新特性 
*输入描述: 无
*程序输出: 无
*/ 
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单练习</title>
<style>
 
	body{
		font-size:12px;
		font-family:"宋体";
		}
	.bule{ 
	border-color:#ABFEFE;}
	.font1{
		color:#666;}
	
		
</style>


</head>

<body>
<table width="1400" height="29" border="0" align="center">
  <tr>
    <td width="80" height="29"><img src="img/p1.png" height="29" border="0"></td>
     <td bgcolor="#B9EDF7"><b>用户注册</b></td>
  </tr>
</table>
<br><br>



  <table width="800" border="0" align="center">
  <tr>
      <td width="80"><b>用户名:</b></td>
      <td><input type="text" name="name" class="bule"/>
      </td>
      </td>
      <td class="font1">不超过7个汉字,或14个字节(数字,字母和下划线)</td>
  </tr>
  <tr>
     <td><b>密码:  </b></td>
     <td>
      <input type="password" name="password1" size="20"class="bule"/></td>
     <td class="font1">最少6个字符,不超过14个字符(数字,字母和下划线)</td>
     </tr>
  <tr>
      <td><b>确定密码:</b></td>
      <td colspan="2">
      <input type="password" name="password11" size="20"class="bule"/>
      </td>
  </tr>
  <tr>
     <td><b>性别:  </b></td>
      <td colspan="2">
      <input type="radio"  name="gender" value="女" checked/>女
      <input type="radio"  name="gender" value="男"/>男<br><br>
      </td>
  </tr>
  <tr>
      <td><b>个人爱好:</b></td>
      <td colspan="2">
      <input type="checkbox" name="intrest" value="文学"/>文学
      <input type="checkbox" name="intrest" value="影视"/>影视
      <input type="checkbox" name="intrest" value="音乐"/>音乐
      <input type="checkbox" name="intrest" value="体育"/>体育
      </td>
  </tr>
  <tr>
     <td><b>所在城市:</b></td>
     <td colspan="2"><select size="1" name="province">省份
                  <option>浙江</option>
                  <option>山东</option>
             </select>
             <select size="1" name="city">省份
                    <option>绍兴</option>
                    <option>潍坊</option>
             </select>
                    <br><br>
      </td>
  </tr>
  <tr>
      <td><b>家庭住址:</b></td>
      <td><input type="text" name="address" class="bule"/></td>
      <td class="font1">请输入详细的家庭住址,接受活动邮件</td>
  </tr>
  <tr>
    <td><b>电子邮件:</b></td>
    <td><input type="text" name="email" class="bule"/></td>
    <td class="font1">  请输入有效的邮件地址,当密码遗失时凭此领取</td>
  </tr>
  <tr>
    <td><b>验证码:</b></td>
    <td><input type="text" name="check-img" class="bule"/></td>
    <td><img src="img/p2.png"></td>
  </tr>

  
  <tr>
    <td colspan="3">
    <form method="post" action="">是否同意条款内容
    <input type="radio" name="aggree" value="aggree"/> 我同意
    <input type="radio" name="aggree" value="disaggree"/> 我不同意<br><br>
    <textarea name="textarea" cols="100" rows="10" wrap="hard" class="bule">
    山东师创软件工程有限公司创建于1994年,是一家综合性信息产业公司,不仅拥有自主知识产权和软件研发能力,更专注于IT人才职业教育,拥有教育培训、软件开发以及国际人才服务等多种业务。山东师创首批通过了"双软"认定,是山东省软件行业协会会员单位,也是齐鲁软件园国际合作联盟成员企业,先后被山东省信息产业厅、科学技术厅认定为"山东省软件企业"、"山东省高新技术企业",另外由于公司在软件人才培养方面所做的大量卓有成效的工作,还被授予"齐鲁软件园软件人才培养基地"、"行业应用工程师集训基地"、"齐鲁软件园对日软件人才培养基地"、"济南市退役军人计算机培训基地"等称号。
   
    山东师创致力于高端IT人才培养工作,坚持"诚信教育"的经营理念,以"把需要工作的人变成工作需要的人"为经营宗旨,依托齐鲁软件园强大的产业优势,积极探索高质量软件人才培养方式,以"软件实训"模式进行软件人才集训,为有志于软件开发事业的人士提供更好的职业发展机会,为软件企业提供量身定制的专业化、适用型人才。

    师创公司现有员工160余人,其中博士2人,硕士研究生12人,具有大学以上学历人员占职工总数89%以上。公司管理层科技意识好,创新能力强,均具有多年的IT企业管理经验和职业教育经验。公司一直将人才培养作为工作的重中之重,认为人才积累是企业成功的基础,队伍建设是事业发展的保障。通过近年来各项业务的历练,师创公司拥有了一支经验丰富、技术过硬、团结奋斗的软件开发、系统集成特别是职业教育培训队伍。
    </textarea>
    </form>
    </td>   
  </tr>
  <tr>
  <td colspan="3" align="center"><input type="submit" value="提交"/>
  </td>
  </tr>
  <tr>
  <td colspan="3" align="center"><input type="reset" value="重置"/>
  </td>
  </tr>
</table>

</body>
</html>

运行结果:



已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 撸撸猫 设计师:C马雯娟 返回首页