【简单到死系列】用户注册的网页制作+如何用查看元素的方式调适代码

最新推荐文章于 2020-10-28 00:01:55 发布
最新推荐文章于 2020-10-28 00:01:55 发布
阅读量558 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hawazaki/article/details/45677287
版权 
<span style="font-size:14px;">
</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size:14px;"><%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %></span></span>
<span style="font-size:14px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></span><pre name="code" class="html"><span style="font-size:14px;">/!--以上为Dw自带代码，不需要管--/</span>
<title>用户注册</title></head><body><form>/!--注册表,即有提交功能，会自动跳转页面--/<table>/!--表格--/ 
 

<span style="font-size:14px;"><tr>/!--行--/</span>
 

<span style="font-size:14px;"><td><span style="font-family: Arial, Helvetica, sans-serif;">用户名：</td></span><span style="font-family: Arial, Helvetica, sans-serif;">/!--列，在标签以内的为一列--/</span></span>
 

<span style="font-size:14px;"><span style="font-family: Arial, Helvetica, sans-serif;"><td><input type="text" id="name" />/!--input是输入标签,会出现输入框--/</td>    </span><span style="font-family: Arial, Helvetica, sans-serif;">/!--此列和上一列在一行内--/</span></span>
 

<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size:14px;"></tr></span></span>
 

<span style="font-size:14px;">
<tr><td>密码：</td><td><input type="password" id="psw" /></td></tr>/!-id是给元素取名字，这样方便之后调用，每个元素的名字是唯一的---/
<tr><td>请再输入一次密码：</td><td><input type="password" id="psw2" /></td></tr>
</table><tr><button οnclick="regis()">确定</button></tr><span style="font-family: Arial, Helvetica, sans-serif;">/!--onclick的唯一取值是scirpt，也就是Java脚本，用来写事件的函数--/</span>
</form>
<script> 
function regis()
{
	var name=document.getElementById("name").value;
        var psw=document.getElementById("psw").value;
	var psw2=document.getElementById("psw2").value;<span style="font-family: Arial, Helvetica, sans-serif;">/!--注意点：要先申明变量，变量只有唯一类型var；用</span><span style="font-family: Arial, Helvetica, sans-serif;">document.getElementById("psw")来调用HTML文本，【.value】是变量的值</span><span style="font-family: Arial, Helvetica, sans-serif;">--/</span><span style="font-family: Arial, Helvetica, sans-serif;">
</span>	if(name==null||name=="")/!--""代表空--/
	    {alert("用户名不能为空");}<span style="font-family: Arial, Helvetica, sans-serif;">/!--alert是脚本中的警告函数，使用会弹出写有括号内文本的对话框--/</span>
	else
	   {
			if(psw!=psw2)
			{alert("两次密码不一致！");}
			else
			{alert("注册成功");}
		}
	}
</script>

</body>
</html></span>
 

只是用了html和Java脚本，没有涉及css和jquery等知识，是一个非常简单的注册页面。
 

基本上只是运用HTML的标签来完成整个页面的制作，最后就是Java脚本的写法，只是接触到了引用HTML文本的方法以及其在动态页面上的作用（如何判断密码是否一致，用户名是否为空）
 

P.S.由于dreamweaver不能对动态信息进行反馈，如果页面出现了一些问题，可以采用查看网页元素的方法来完成调试。
 

详细方法：
 

1.在网页点右键，选择审查元素
 


 
 

2.点到sources栏
 


 
 

3.在代码的可能出错的一行（或者随意某一行）点击一下，做一个断点（即程序会运行到被点击的这一行前面一句时会停住）
 


 
 

4.点击图中框出来的按钮，可让程序运行到下一行    5.可以再右面查看输入的值是否进入
 


 
 

这样可以较为方便地得知哪一行程序出现了问题。
 


 

                

        

        

    




    

      

        

            

              
                
                  watarabe
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
EXCEL_VBA制作员工考勤系统源码

				
			

			

				

					11-06
				

			

		

		

			
				
EXCEL_VBA制作员工考勤系统源码 适用环境：EXCEL2003/2007/2010 大家下载下来，可以设置断点调适运行代码，学习VBA的编程。 也可以直接使用，这个是员工考勤系统。

			
		

	



                

              
                



	

		

			

				
					
用户注册界面设计（html,css）源码

				
			

			

				

					weixin_52799870的博客
				

				

					10-16
					
					2709
					
				

			

		

		

			
				
用户注册界面设计（html,css）源码

			
		

	



                


  
              

                


	

		

			

				
					
用HTML制作一个注册界面

				
			

			

				

					qq_43614355的博客
				

				

					04-01
					
					2万+
					
				

			

		

		

			
				
1.制作如下图的注册界面要求如下：
体大小均为14px，灰色文字#999，验证码灰色背景#eee，注册按钮为红色背景#e3393c，注册按钮圆角6px

思路分析，根据图片的信息，本题的格式可以看做是一个3X5的表格形式，因此可以用表格的形式进行解答；另外还可以用页面流里的float现将第一行信息转换出来，然后在利用clear让元素主动向下移动，从而达到换行的目的（需要在div标签中选择合适的选择...

			
		

	





	

		

			

				
					
2020-10-8 用户注册界面简单代码

				
			

			

				

					Aita_ZteP的博客
				

				

					10-08
					
					5464
					
				

			

		

		

			
				
用户注册界面代码
运用frameset标签将网页分为两个部分。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>frameset标签使用</title>
</head>
<frameset rows="40%,60%">
<frame src="流星雨.html">
<frame src="用户注册界面.html">


			
		

	



		

			
		



	

		

			

				
					
【html】【一个简单的用户登录页面代码】

					
热门推荐

				
			

			

				

					超级大白
				

				

					03-15
					
					16万+
					
				

			

		

		

			
				
结果代码&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;用户登录.html&lt;/title&gt;
	
    &lt;meta http-equiv="keywords" content="keyword1,keyword2,keyword3"&gt;
    &lt;met

			
		

	





	

		

			

				
					
HTML连载7-表单练习

				
			

			

				

					weixin_44630050的博客
				

				

					06-08
					
					202
					
				

			

		

		

			
				
昨天因为晚上有事情，未更新，但是今天中午发也不晚，因为是同一天只是时间早晚而已，因此今日傍晚还将更新一次，废话不多说。
1.表单的综合练习，我们要创建一个综合的注册页面。运用到我们前面所学的所有知识。
我们整理一下思路：
首先练习了账号密码的输入，属性为text为文本框，属性为password的为暗文文本框输入
第二，单选框输入属性为radio，默认选择选项checked属性为checked，不同...

			
		

	





	

		

			

				
					
基于stm32实现模拟自然风无级调适电风扇控制电路(含项目资料+原理图+ppt).rar

				
			

			

				

					07-03
				

			

		

		

			
				
对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步...

			
		

	





	

		

			

				
					
如何用两分钟设计一个漂亮的注册页面（仅前端代码）

				
			

			

				

					Saberxu的博客
				

				

					08-31
					
					3781
					
				

			

		

		

			
				
先上效果图



HTML+CSS


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/register.css" type="text/css"...

			
		

	





	

		

			

				
					
用户系统｜前端注册页面｜代码

				
			

			

				

					qq_38064686的博客
				

				

					04-17
					
					1万+
					
				

			

		

		

			
				
regist.jsp&lt;%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8"%&gt;
&lt;%@ page  import="com.servlet.UserServlet" %&gt;
&lt;!DOCTYPE html&gt;
&lt;html lan

			
		

	





	

		

			

				
					
使用dreamweaver实现用户注册

				
			

			

				

					weixin_33975951的博客
				

				

					04-12
					
					2109
					
				

			

		

		

			
				
2019独角兽企业重金招聘Python工程师标准>>>   
                                        
         ...

			
		

	





	

		

			

				
					
一个简单的用户注册页面

				
			

			

				

					Hling's Blog
				

				

					05-24
					
					2324
					
				

			

		

		

			
				
功能：实现显示当前的时间、设置静态的用户注册界面
代码如下：

a list by hling

			//显示今天日期
<!--
var today = new Date();
var day  = today.getDate();    
var month = today.getMonth() + 1;  
var year = today.getFullYear();   
var w

			
		

	





	

		

			

				
					
实现用户注册功能的代码

				
			

			

				

					张思阳的博客
				

				

					04-21
					
					5万+
					
				

			

		

		

			
				
1.功能介绍

使用语言： html ＋ javascript + ajax + php 
后端数据库： MySQL 
(这里不涉及到样式)

成功注册流程：


注册页面(register.html)，该页面提供一个 form表单，收集用户信息。
提交后转到register.php页面，利用php将注册信息添加到数据库中。


2.实现代码



2.1 创建MySql数据库中的用户信息表

需...

			
		

	





	

		

			

				
					
html4---table and form--注册表单

				
			

			

				

					alexliu6711的博客
				

				

					08-18
					
					96
					
				

			

		

		

			
				
<!DOCTYPE html><html><head><meta charset=utf-8><title>formtext</title></head>
<body topmargin="100" leftmargin="200" background="formbg.jpg"><f...

			
		

	





	

		

			

				
					
 HTML表格布局

				
			

			

				

					weixin_34228662的博客
				

				

					08-17
					
					599
					
				

			

		

		

			
				
一个后台展示页面需要一个子列可以动态划分出等份的行，如果是固定的还好，可以用rowspan解决，但是这里不固定，所以，只能在列中嵌套一个表了，然后再进行行遍历。
具体效果图-列表里边嵌套子表

代码：
<html>

<body>

    <h2 align="center">合并表格行或列</...

			
		

	





	

		

			

				
					
使用dw制作登录界面

				
			

			

				

					weixin_44540672的博客
				

				

					01-27
					
					2万+
					
				

			

		

		

			
				
使用dw制作登录界面代码如下：
div class=“cont”
div class=“ys”
div class=“zh”
input type=“text” class=“input_lg” placeholder=“账号:”
/div
div class=“mm”
input type=“text” class=“input_lg” placeholder=“密码:”
div class=“...

			
		

	





	

		

			

				
					
怎么在vs中查看一个数组的所有元素

				
			

			

				

					csdn_kou的博客
				

				

					08-05
					
					8196
					
				

			

		

		

			
				
在监视窗口，我们想要查看所有的数组元素。

这个时候

int arr[] = {1,2,3}



arr只显示1



正确的方法

arr，10

			
		

	





	

		

			

				
					
如何用dw编写一个网页注册：

				
			

			

				

					qq_46924416的博客
				

				

					10-28
					
					5077
					
				

			

		

		

			
				
如何用dw编写一个网页注册：

代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
	ul li{
		text-indent: 3em;
		line-height:2em;
	}
	ul li{
		list-style-type: none; 
		list-style

			
		

	





	

		

			

				
					
esp32 的调适模式

					
最新发布

				
			

			

				

					07-20
				

			

		

		

			
				
ESP32具有两种调试模式：串行调试模式和JTAG调试模式。

1. 串行调试模式（Serial Debugging Mode）：在此模式下，可以通过UART串行端口与ESP32进行通信，并通过调试器或串行监视器查看和修改程序的运行状态。要使用串行调试模式，需要在ESP32的开发板上连接一个USB到串口转换器，并将转换器的TX和RX引脚连接到ESP32的相应引脚（一般是GPIO1和GPIO3）。然后，可以使用开发环境（如Arduino IDE）中的串行监视器或类似工具来与ESP32进行通信和调试。

2. JTAG调试模式（JTAG Debugging Mode）：在此模式下，可以使用JTAG调试器与ESP32进行连接，并通过调试器来查看和修改程序的运行状态。要使用JTAG调试模式，需要将ESP32的JTAG引脚连接到JTAG调试器上，并在开发环境中配置调试器。然后，可以使用调试器提供的功能来单步执行代码、查看变量值等。

需要注意的是，不同的开发环境和工具链可能对调试模式的支持有所不同。因此，在进行ESP32调试时，建议查阅相应的文档和资料，以了解如何正确配置和使用调试模式。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值