今天学的不多,所以借这次机会复习了一下表单,在昨天的导航栏的基础上增加了一点简单的内容,当做练习巩固。

<style type="text/css">
body{ background-color:#33FFCC}
#box{ background-color:#000000;height:55px}
img{float:left;height:55px;}
ul{ list-style:none;}
a{color:#666666;text-decoration:none;font-size:18px; font-family:"方正兰亭超细黑简体"}
.nav li{float:left;}
.nav li a{ display:block; text-align:center; height:55px; line-height:55px; width:100px;background-color:#000000; margin-bottom:1px;}
.nav li a:hover,a.on{ background-color:#585858; color:#FFFFFF}
#table{ padding-top: 40px;font-family:"新宋体";font-size:24px;color:#0000FF}
</style>
</head>
<body>
<div id="box">
<img src="QQ图片20151125233811.png"/>
<ul class="nav">
   
    <li><a class="on" href="#">课程</a></li>
    <li><a href="#">计划</a></li>
    <li><a href="#">分享</a></li>
    <li><a href="#">社区</a></li>
  </ul>
  </div>
  <div id="table">
  <table align="center" cellpadding="1" cellspacing="5">
<form action="lefttop.html" method="post" name="form1">
<tr><td>
<h1>注册界面</h1>
</td></tr>
<tr><td>
姓名:
<input name="textfield" type="text" size="15"/ >
</td></tr>
<tr><td>
年龄:
<input name="textfield2" type="text" size="15" />
</td></tr>
<tr><td>
性别:
<input name="radiobutton" type="radio" value="radiobutton" checked="checked"/>

<input name="radiobutton" type="radio" value="radiobutton"/>

</td></tr>
<tr><td>
户籍所在地:
<select name="select">
<option value="北京" selected ="selected">北京</option>
<option value="上海">上海</option>
<option value="天津">天津</option>
<option value="河北省">河北省</option>
<option value="山东省">山东省</option>
<option value="陕西省">陕西省</option>
<option value="江苏省">江苏省</option>
<option value="安徽省">安徽省</option>
</select>
</td></tr>
<tr><td>
你的兴趣爱好是什么?<br/>
<input type="checkbox" checked="checked" value="1" name="hobby" />
前端开发<br />
<input type="checkbox" value="2" name="hobby" />
后端开发<br />
<input type="checkbox" value="3" name="hobby" />
移动开发<br />
<input type="checkbox" value="4" name="hobby" />
数据处理<br />
<input type="checkbox" value="5" name="hobby" />
图像处理<br />
</td></tr>
<tr><td>
留言:<br/>
<textarea name="textarea" cols="35" rows="5"></textarea>
</td></tr>
<tr><td>
<input type="submit" name="Submit" value="提交" />
<input type="reset" name="Submit2" value="重置" />
</td></tr>
</form>
</table>
</div>
</body>

效果如下图所示



南大软院二十一天成神计划相关推荐

  1. 考研 | 一战南大软院险进复试后失利被刷,调剂国科大杭高院荣幸上岸

    从2020年7月23日暑假正式进入考研复习状态至2021年4月12日接到国科大杭高院录取通知,这场长达8个月的考研"初试+复试"的拉锯战终于告一段落,目前也或多或少和导师以及学长学 ...

  2. 2020北航,南大软院,计算所夏令营,北邮,西交人机所预推免记录

    #2020北航,南大软院,计算所夏令营,北邮,西交人机所预推免记录 北航夏令营流程 大致情况 北航夏令营一共就两天,节奏非常的快.有大约600个人入营,最后170人左右优营.600个人里,应该还有不少 ...

  3. 2021年计算机保研经历:人大信院、南大软院、华师数据院、厦大软件、湖大信院【7000字详细介绍】

    今年准备保研期间,我在网上看了许多保研经验贴,受益匪浅. 如今尘埃落定,那么我也将自身经历详细写出,希望对学弟学妹们能有所帮助.(如果觉得有用就点个赞吧~) 我最后去人大信院了,欢迎今年保研人大的同学 ...

  4. 19南大软院上岸学姐考研经验分享

    分享一篇攻略贴 各科:政治69,英二75,数二132,专业119.总分395. 英语: 单词:一定要每天背,建议每天半小时以上.十一月之前都不算晚,不要急于求成.方式最好是动手写!!不要只是背,读,甚 ...

  5. 南大软院大神养成计划

    我一开始学习前端时,是通过看菜鸟教程,后来觉得效果没有很好,通过询问一些前端大神,得知可以去慕课网学习更好,因为菜鸟教程没有让你实践的地方,而慕课网有视频,有通过编写代码到下一节这一环节让你实践的地方 ...

  6. 南大软院大神养成计划--HTML和CSS基础课程(二)

    学习小结 今天主要学习了关于CSS样式的一些基本知识.CSS全称为"层叠样式表(Cascading Style Sheets)",它主要用于定义HTML内容在浏览器内的显示样式,如 ...

  7. 南大软院大神养成计划--CSS网页布局

    学习小结 今天主要学习了CSS样式设置小技巧和CSS网页布局. 网页主要元素是图片和文字,网页的基本布局就是CSS样式将块与块不同的摆放.对一些元素设置它的水平位置,垂直位置,最终达到目的. 比如说水 ...

  8. 2022计算机保研分享(浙大计院+人大高瓴+人大信院+中科大计算机+东南计算机+华师计算机+同济计算机+南大软工)

    又到一年保研季,想起去年这时候的自己有过很多迷茫和困惑,所以将自己的经历分享出来,如果对你有一点点帮助更好啦.本人末流211菜鸡一枚,科研竞赛一般水平,一次国奖.比较满意的去处有浙大计算机.中科大计算 ...

  9. 【南大科院】高级网络服务工程训练

    密级: 科学技术学院 NANCHANG UNIVERSITY COLLEGE OF SCIENCE AND TECHNOLOGY 计算机系工程训练报告 <高级网络服务工程训练> (2019 ...

最新文章

  1. [ 总结 ] nginx 负载均衡 及 缓存
  2. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(13)-系统日志和异常的处理③
  3. 113. Leetcode 674. 最长连续递增序列 (动态规划-子序列问题)
  4. Springboot 解决跨域的四种姿势
  5. epoll和select的区别
  6. SQL - 18.触发器
  7. python3集合_Python3 集合
  8. Linux内核学习-字符设备驱动学习(二)
  9. 服务器性能考察指标,服务器性能考察指标
  10. ASP.NET MVC中Area的另一种用法
  11. 密码学,有限域GF(2^8)乘法计算,不可约多项式为P(x)=x^8+x^4+x^3+x+1
  12. flume中HDFS IO error
  13. go服务器验证苹果账号登录
  14. 【转载】Android蓝牙自动配对Demo
  15. 英语affrike非洲affrike单词
  16. Linux内核是什么?Linux内核是怎么工作的?
  17. 如果生命是那么的脆弱,你会去做些什么?
  18. linux批量重命名文件
  19. 在Centos 7下搭建Apache + PHP运行环境
  20. 高驰涛——裸奔到北京的程序猿

热门文章

  1. iview 表单 验证
  2. 手机IMEI码规则介绍
  3. 安装版软件与免安装版软件
  4. 飞鸽传书软件测试工资,现在你可以体验飞鸽传书的传输速度了
  5. SQLServer DAC连接
  6. Drupal实战(think in Drupal 2,3合集)正式出版了
  7. 微信小程序onShow获取options方法
  8. 【GEOS】GEOS库学习之几何关系判断
  9. cocos creator SDK IOS
  10. 东软睿道实训日记—第一天