实战(登陆页面)

2 篇文章 0 订阅
2 篇文章 0 订阅

目前还没有学习SSH,网络开发正在起步状态。以前写过的一些东西,如果不备份,下次再来重新写有点浪费时间。

(1)登陆表单<button>标签结合js传输数据到加载页面,这一块当时可是废了我一些时间,因为<input type =“submit”>的输入框不能做得像<button>标签那么好看。)

<script type =“text / javascript”>
 function pass(){
	 。的document.getElementById( “logintext”)提交();
 }
</ SCRIPT>
<TITLE>微信</ TITLE>
<link rel =“stylesheet”type =“text / css”href =“login.css”> 
</ HEAD>
<BODY>
   <div id =“up”>
        <p id =“title”align =“center”> W-Chat </ p>
   </ DIV>
   <div id =“middle”>
        <div id =“loginbox”>
              <form id =“logintext”action =“loginProc.jsp”method =“post”>
                 <表>
                     <TR>
                      <TD>账号</ TD>
                      <td> <input type =“text”size =“20”value =“”name =“id”> </ td>
                      <TD>注册账号</ TD>
                     </ TR>
                     <TR>
                      <TD>密码</ TD>
                      <td> <input type =“password”size =“20”value =“”name =“password”> </ td>
                      <TD>忘记密码</ TD>
                     </ TR>
                     <TR>
                      <td colspan =“3”align =“center”> <button name =“loginbutton”onclick =“pass();”>登陆</ button> </ td>
                     </ TR>
                 </ TABLE>
              </ FORM>   
        </ DIV>
   </ DIV>

(1)设置全屏背景图片并自动调整适应窗口

身体{
    背景图像:网址(sea.jpg);
    背景尺寸:盖;
}

(1)设置元素边框圆角

边框:白色2px固体;
边界半径:20px的;

(1)效果


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值