注册表单

最新推荐文章于 2023-03-28 15:11:32 发布
最新推荐文章于 2023-03-28 15:11:32 发布
阅读量2.3k 收藏
点赞数
分类专栏： php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Free_Program_1314/article/details/42334051
版权

功能说明： 发布交友信息，带有验证，无刷新上传头像。 详情见代码： 


<pre name="code" class="javascript"><html>
<head>
<style type="text/css">
*{margin:0; padding:0;}
div#formarea{margin-left: 400px;}
#nagv{margin-top:5px; margin-bottom:2px;}

div#upload{position:relative ; left:580px; top:-475px;}
div#uparea{border:2px solid #826858; width:120px; height:160px;background-color:#f2eada;}
input#pic{margin-top:60px; border: 0px; margin-left:10px; width:60px; font-size:12px; background-color:#f2eada; filter:Alpha(opacity=10);}
span#feedback{position:absolute; top:0px; left:5px; color:#a00000;z-index:5;}
input#submit{position:relative; left:80px; top:-20px;}

td#username{position:relative; top:5px;}
input.username{width:200px; height:30px;}

td#sex{position:relative; top:10px;}

td#age{position:relative; top:15px;}

td#qq{position:relative; top:20px;}
input.qq{width:200px; height:30px; }

td#area{position:relative; top:25px; margin-bottom: 5px;}
select#city{display:none; position:relative; top:0px; left:5px; width:55px;}

td#tags{position:relative; top:15px;}
span.tname{color:red;position:relative; top:20px;}
div.tag{width:470px; height:65px; border:1px #acacac solid;}
div.tag input{margin-left:50px; margin-top: 5px;}

td#intro_notice{position:relative; top:35px;left:50px; color:#EAEAEA;}

td#intro{position:relative; top:30px;}
textarea.intro{font-size:18px;position:relative; left:10px;}
span#pintro{position: relative; top:-112px;}


td#pub{position:relative; top:-12px;left:-140px;}
input#publish{width:60px; height:30px;font-size:18px;}
</style>

<script type="text/javascript">
//创建XHR
function getXMLHttpRequest()
{
	var xmlhttp=null;
	if(window.ActiveXObject)
	{
		xmlhttp = new ActiveXObject("Microsoft.XMLHttp");
	}
	else
	{
		xmlhttp=new XMLHttpRequest();
	}
	return xmlhttp;
}
function $(id)
{
	return document.getElementById(id);
}

//动态获取省份对应的城市名
function select_city(id)
{
	var province = $(id).value;
	var url = "/ciba/niujin-beta/friend/returncity.process.php";
	var data="?province="+province+"&rand="+Math.random();
	var xmlhttp = getXMLHttpRequest();
	//alert(url+data);
	if(xmlhttp)
	{
		xmlhttp.open("get", url+data, true);
		xmlhttp.onreadystatechange = function()
		{
			if (xmlhttp.readyState==4 && xmlhttp.status==200)
			{
				var res=xmlhttp.responseText;
				var cities = eval("("+res+")");
				var city_node = $("city");
				if(city_node.length > 0)
				{
					var len = city_node.length;
					//alert(city_node.childNodes[0]);
					for(index=0; index < len;index++)
					{
						city_node.removeChild(city_node.firstChild);
					}
				}
				for(i in cities)
				{
					city_node.style.display="inline";
					
					var city = document.createElement("option");
					city.setAttribute("value", cities[i].en);
					city.appendChild(document.createTextNode(cities[i].ch));
					city_node.appendChild(city);
				}
			}
		}
		xmlhttp.send(null);
	}
	
}

function process()
{
	document.getElementById("feedback").innerHTML="<img src='../image/loading.gif' width='30px'  />";
}

//检测姓名字段
function checkName()
{
	var name = document.getElementsByName("username")[0].value;
	var regx = /^[a-zA-Z\u4E00-\u95FA]/;
	var regx_ch = /[\u4E00-\u95FA]{9,}/;
	var regx_en = /^[A-Za-z]/;
	if(name == '' || name==null)
	{
		if($("username").childNodes.length > 2)
		{
			$("username").removeChild($("username").lastChild);
		}
		
		document.getElementsByName("username")[0].setAttribute("style", "border: 1px #ff0000 solid; background-color:#C0C0C0;");
		var span = document.createElement("span");
			var error_notice = document.createTextNode("名字不能为空");
			span.appendChild(error_notice);
			span.setAttribute("style", "color:red;margin-left:3px;");
			
			document.getElementsByName("username")[0].setAttribute("style", "border: 1px #ff0000 solid; background-color:#C0C0C0;");
			
			document.getElementById("username").appendChild(span);
		return false;
	}
	else if(!regx.exec(name))
	{
		//防止在为刷新页面情况下，反复验证，多次出现提示信息
		if($("username").childNodes.length > 2)
		{
			$("username").removeChild($("username").lastChild);
		}
		
			//|| new RegExp(/^[a-z]/i).test(name) == false
			var span = document.createElement("span");
			var error_notice = document.createTextNode("必须以中/英文开头");
			span.appendChild(error_notice);
			span.setAttribute("style", "color:red;margin-left:3px;");
			
			document.getElementsByName("username")[0].setAttribute("style", "border: 1px #ff0000 solid; background-color:#C0C0C0;");
			
			document.getElementById("username").appendChild(span);
			return false;
		
	}
	else if(name.length < 2 || regx_ch.exec(name) || (regx_en.exec(name) && name.length > 32))
	{
		if($("username").childNodes.length > 2)
		{
			$("username").removeChild($("username").lastChild);
		}
		var span = document.createElement("span");
		var error_notice = document.createTextNode("中文长度2~8之间，英文2~16");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:red;margin-left:3px;");
		
		document.getElementsByName("username")[0].setAttribute("style", "border: 1px #ff0000 solid; background-color:#C0C0C0;");
		
		document.getElementById("username").appendChild(span);
		return false;
	}
	else
	{
		if($("username").childNodes.length > 2)
		{
			$("username").removeChild($("username").lastChild);
		}
		//通过验证时给出一个黑色的对号，作为提示
		var span = document.createElement("span");
		var error_notice = document.createTextNode("√");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:black;margin-left:3px;");
		document.getElementById("username").appendChild(span);
		return true;
	}
}

//检测年龄字段
function checkAge()
{
	var age = document.getElementsByName("age")[0].value;
	
	if(age == '')
	{
		if($("age").childNodes.length > 2)
		{
			$("age").removeChild($("age").lastChild);
		}
		document.getElementsByName("age")[0].setAttribute("style", "border: 1px #ff0000 solid; width:40px; height:30px;background-color:#C0C0C0;");
		var span = document.createElement("span");
		var error_notice = document.createTextNode("年龄不能为空");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:red;margin-left:3px;");
		
		document.getElementsByName("age")[0].setAttribute("style", "border: 1px #ff0000 solid; width:40px; height:30px;background-color:#C0C0C0;");
		
		document.getElementById("age").appendChild(span);
		return false;
	}
	else if(new RegExp(/\d{2}/).test(age) == false)
	{
		if($("age").childNodes.length > 2)
		{
			$("age").removeChild($("age").lastChild);
		}
		var span = document.createElement("span");
		var error_notice = document.createTextNode("年龄必须为数字");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:red;margin-left:3px;");
		
		document.getElementsByName("age")[0].setAttribute("style", "border: 1px #ff0000 solid; width:40px; height:30px;background-color:#C0C0C0;");
		
		document.getElementById("age").appendChild(span);
		return false;
	}
	else if(age < 15 || age > 50)
	{
		if($("age").childNodes.length > 2)
		{
			$("age").removeChild($("age").lastChild);
		}
		var span = document.createElement("span");
		var error_notice = document.createTextNode("年龄必须在15~50之间");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:red;margin-left:3px;");
		
		document.getElementsByName("age")[0].setAttribute("style", "border: 1px #ff0000 solid; width:40px; height:30px;background-color:#C0C0C0;");
		
		document.getElementById("age").appendChild(span);
		return false;
	}
	else
	{
		if($("age").childNodes.length > 2)
		{
			$("age").removeChild($("age").lastChild);
		}
		
		var span = document.createElement("span");
		var error_notice = document.createTextNode("√");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:black;margin-left:3px;");
		document.getElementById("age").appendChild(span);
		return true;
	}
}

//检测QQ账号
function checkQQ()
{
	var qq = document.getElementsByName("qq")[0].value;
	if(qq == '' || qq==null)
	{
		
		if($("qq").childNodes.length > 2)
		{
			$("qq").removeChild($("qq").lastChild);
		}
		
		var span = document.createElement("span");
		var error_notice = document.createTextNode("QQ号不能为空");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:red;margin-left:3px;");
		
		document.getElementsByName("qq")[0].setAttribute("style", "border: 1px #ff0000 solid; background-color:#C0C0C0;");
		
		document.getElementById("qq").appendChild(span);
		return false;
	}
	else if(new RegExp(/\d{6,11}/).test(qq) == false)
	{
		if($("qq").childNodes.length > 2)
		{
			$("qq").removeChild($("qq").lastChild);
		}
		var span = document.createElement("span");
		var error_notice = document.createTextNode("QQ号必须在6~11位之间");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:red;margin-left:3px;");
		
		document.getElementsByName("qq")[0].setAttribute("style", "border: 1px #ff0000 solid; background-color:#C0C0C0;");
		
		document.getElementById("qq").appendChild(span);
		return false;
	}
	else
	{
		if($("qq").childNodes.length > 2)
		{
			$("qq").removeChild($("qq").lastChild);
		}
		
		var span = document.createElement("span");
		var error_notice = document.createTextNode("√");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:black;margin-left:3px;");
		document.getElementById("qq").appendChild(span);
		return true;
	}
}

//检测省份
function checkProvince()
{
	var province_name = $("province").options[$("province").selectedIndex].value;
	if(province_name == 'none')
	{
		if($("area").childNodes.length > 5)
		{
			$("area").removeChild($("area").lastChild);
		}
		
		$("province").setAttribute("style", "border: 1px #ff0000 solid");
		var span = document.createElement("span");
		var error_notice = document.createTextNode("请选择地区");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:red;margin-left:3px;");
		document.getElementById("area").appendChild(span);
		return false;
	}
	else
	{
		if($("area").childNodes.length > 5)
		{
			$("area").removeChild($("area").lastChild);
		}
		
		var span = document.createElement("span");
		var error_notice = document.createTextNode("√");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:black;margin-left:3px;");
		$("province").setAttribute("style", "border: 1px #000000 solid");
		
		/*
		var city_node = document.getElementById("city");
		var parent_node = city_node.parentNode;
		//document.getElementById("area").appendChild(span);
		parent_node.appendChild(span);*/
		document.getElementById("area").appendChild(span);
		return true;
	}
}

/*
 * 
*/
function checkTag()
{
	var tags = document.getElementsByName("tag");
	var flag=0;
	for(i in tags)
	{
		if(tags[i].checked == true)
		{
			flag=1;
		}
	}
	if(flag==0)
	{
		var div = document.getElementsByTagName("div")
		for(i in div)
		{
			if(div[i].className == "tag")
			{
				div[i].setAttribute("style", "border: 1px #ff0000 solid;");
			}
		}
		return false;
	}
}

//检测个人宣言即textarea表单
function checkIntro()
{
	var intro = document.getElementsByName("intro")[0].value;
	//alert(intro.length); return false;
	if(intro == '')
	{
		document.getElementsByName("intro")[0].setAttribute("style", "border: 1px #ff0000 solid; background-color:#C0C0C0;");
		$("intro_notice").setAttribute("style", "display:none;");
		return false;
	}
	else if(intro.length > 140)
	{
		if($("intro").childNodes.length > 2)
		{
			$("intro").removeChild($("intro").lastChild);
		}
		var span = document.createElement("span");
		var error_notice = document.createTextNode("字符数不能超过140");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:red;position:relative; top:-115px; left:13px;");
		
		document.getElementsByName("intro")[0].setAttribute("style", "border: 1px #ff0000 solid; background-color:#C0C0C0;");
		
		document.getElementById("intro").appendChild(span);
		return false;
	}
}

//检测用户是否上传了头像
function checkImage()
{
	var feedback = $("feedback");
	if(feedback.childNodes.length == 0)
	{
		if($("uparea").childNodes.length > 13)
		{
			$("uparea").removeChild($("uparea").lastChild);
		}
		
		var span = document.createElement("span");
		var error_notice = document.createTextNode("请上传头像");
		span.appendChild(error_notice);
		span.setAttribute("style", "color:red; position:relative; top:65px;");
		$("uparea").appendChild(span);
		return false;
	}
}

//验证表单输入情况
function checkData()
{
	if(checkName() == false)
	{
		return false;
	}
	
	if(checkAge()==false)
	{
		return false;
	}
	
	if(checkQQ()== false)
	{
		return false;
	}
	
	if(checkProvince()==false)
	{
		return false;
	}
	
	if(checkTag()==false)
	{
		return false;
	}
	
	if(checkIntro()==false)
	{
		return false;
	}
	
	if(checkImage()==false)
	{
		return false;
	}
	
}

/*
 *根据<textarea>表单的输入情况给出提示
 * 当输入字符小于或等于140字符时，给出还能输入多少字符的提示
 * 当输入字符大于140字符时，给出超出多少字符的提示，并禁用提交按钮
 *
 *当已经存在提示结点时，清除结点，从而不会重复显示
*/
function checkIntroLength()
{
	if($("intro_notice").childNodes.length > 0)
	{
		$("intro_notice").removeChild($("intro_notice").firstChild);
	}
	if($("intro_notice").style.display=="none")
	{
		$("intro_notice").style.display="block";
	}
	var intro_content = document.getElementsByName("intro")[0];
	var next_content_length = 140-(intro_content.value.length);
	if(intro_content.value.length <= 140)
	{
		if($("publish").disabled==true)
		{
			$("publish").disabled=false;
		}
		var notice = "你还可以输入"+next_content_length+"字符";
		var span = document.createElement("span");
		var notice_content = document.createTextNode(notice);
		span.appendChild(notice_content);
		span.setAttribute("id", "notice");
		
	/*	var parent_node = intro_content.parentNode;
		var pintro = $("pintro");
		parent_node.insertBefore(span, pintro);		*/
		
		$("intro_notice").appendChild(span);
		document.getElementsByName("intro")[0].setAttribute("style", "border: 0px; background-color:none;");
	}
	else
	{
		document.getElementsByName("intro")[0].setAttribute("style", "border: 1px #ff0000 solid; background-color:#C0C0C0;");
		
		//禁用提交表单
		$("publish").disabled=true;
		
		var next_content_length = (intro_content.value.length)-140;
		var notice = "输入超出"+next_content_length+"字符";
		var span = document.createElement("span");
		var notice_content = document.createTextNode(notice);
		span.appendChild(notice_content);
		span.setAttribute("id", "notice");
		$("intro_notice").appendChild(span);
		
	}
	
	
}
</script>
<head>

<body bgcolor="#RGB(67,65,65)">
<img src="../image/friend.jpg" style='margin-left:400px;'>

<div id="formarea">

<div id="nagv">
<a href="homepage.php?cityname=wuhan" target="__blank">武汉地区</a>
<a href="homepage.php?cityname=guangzhou" target="__blank">广州地区</a>
<a href="homepage.php?cityname=changsha" target="__blank">长沙地区</a>
<a href="search_friend.html" target="__blank">在线搜索</a>
</div>

<table style="border: 1px solid #acacac; width:710px; height: 480px;">
<form action="upfile.process.php" method="post" onsubmit = "return checkData();">
<input type="hidden" name="uploadtype" value="userinfo" >

<tr><td id="username">姓 名<input type = "text" class = "username" name="username"/></td><td rows='8'></td></tr>

<tr><td id="sex"> 
<p class="sex">性 别
<input type="radio" name="sex" value="男" checked="checked">男
<input type="radio" name="sex" value="女">女
<input type="radio" name="sex" value="*">保密</p>
</td></td></tr>

<tr><td id="age">年 龄<input type="text" name="age" style="width:40px; height:30px;" /></td><td></td></tr>

<tr><td id="qq">QQ 号<input type="text" class = "qq" name="qq" /></td></td></tr>

<tr><td id="area">地 区
<select id="province" name="area" οnchange="select_city(this.id);">
<option value="none">省份</option>
<option value="hb">湖北</option>
<option value="hn">湖南</option>
<option value="gd">广东</option>
</select>
<select id="city" name="city"></select>
</td><td></td></tr><!--要有联动的效果-->

<tr><td id="tags"> <span class="tname">特 征</span>
<div class="tag">
<input type="checkbox" name="tag" value="美丽" checked>美丽
<input type="checkbox" name="tag" value="善良">善良
<input type="checkbox" name="tag" value="清纯">清纯
<input type="checkbox" name="tag" value="知性">知性<br />
<input type="checkbox" name="tag" value="贤惠">贤惠
<input type="checkbox" name="tag" value="优雅">优雅
<input type="checkbox" name="tag" value="成熟">成熟
<input type="checkbox" name="tag" value="高挑">高挑<br />
<input type="checkbox" name="tag" value="大方">大方
<input type="checkbox" name="tag" value="活泼">活泼
<input type="checkbox" name="tag" value="逗比">逗比
<input type="checkbox" name="tag" value="犯二">犯二
</div></td>
<td></td></tr>

<tr ><td id="intro_notice"></td><td></td></tr>

<tr><td id="intro">
<span id="pintro">宣 言</span>
<textarea class = "intro" name="intro" cols="45" rows="6" οnkeyup="setTimeout('checkIntroLength()',100);">
请输入你的交友宣言(140字以内)</textarea></td>
<td></td></tr>

<tr><td></td><td id = "pub" cols="2"><input type="submit" id="publish" value="发布" ></td></tr>
</form>
</table>

<div id="upload">
<form action="upfile.process.php" method="post" enctype="multipart/form-data" target='frameworks' οnsubmit="return process();" >
<div id="uparea">
<input type="hidden" name="MAX_FILE_SIZE" value="2100000">
<input type="file" name="pic" id="pic" /><br />
<span id="feedback"></span>
<input type="hidden" name="uploadtype" value="userpic" >
<input type="submit" value="上传" id="submit"><br />
</div><!--uparea-->
</form>
<div><!-- 上传区域-->

</div><!--表单区域-->


<iframe name='frameworks' style='border:0; frameborder:0; display:hidden;'></iframe>
</body>
</html>


 

 

 


                

        

        

    




    

      

        

            

              
                
                  错_对
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
JS 注册表单验证

				
			

			

				

					weixin_57156683的博客
				

				

					07-27
					
					902
					
				

			

		

		

			
				
JS 注册表单验证

			
		

	



                

              
                



	

		

			

				
					
html用户注册表单验证码,简易版用户注册表单验证功能

				
			

			

				

					weixin_39689428的博客
				

				

					06-17
					
					1456
					
				

			

		

		

			
				
HTML、CSS、JavaScript实现简易版用户注册表单验证功能以下代码使用原生HTML、CSS、JS编写完成，可以直接在浏览器中解析运行查看效果，由于代码只完成了简单的验证功能，所以仅作为练手与参考的作用。功能要求：1.用户名不能为空2.用户名必须在6-14位之间3.用户名只能有数字和字母组成，不能含有其他符号(正则表达式)4.密码和确认密码一致，邮箱地址合法5.统一是去焦点验证6...

			
		

	



                


  
              

                


	

		

			

				
					
编写注册表单 HTML

				
			

			

				

					一七
				

				

					03-28
					
					3567
					
				

			

		

		

			
				
通过编写一个注册页学习 HTML 表单学习如何控制人们在表单中可以输入的数据类型，以及使用一些新的 CSS 工具装饰页面

			
		

	





	

		

			

				
					
【HTML | CSS | JS】耗时一下午，整理出了一个精美的响应式登陆注册表单（附源码）

					
热门推荐

				
			

			

				

					Thunder Wang的博客
				

				

					01-04
					
					2万+
					
				

			

		

		

			
				
各位C站的小伙伴们，你想要获得一款精美的响应式登录页面吗！收藏我并且关注博主，让我们拿起电脑一起练，一路火光带闪电！无论是电脑，手机还是平板都可以完美适配哦！

			
		

	



		

			
		



	

		

			

				
					
jQuery简单的注册表单

				
			

			

				

					weixin_42281142的博客
				

				

					03-04
					
					2756
					
				

			

		

		

			
				
注册表单的实现思想及步骤

明确自己需要收集的注册信息并在Html上写出表单的布局
在js上进行数据接收和验证，向服务器发起注册请求，处理请求返回的数据。

代码实现
html代码
&amp;amp;amp;lt;form&amp;amp;amp;gt;
			&amp;amp;amp;lt;div&amp;amp;amp;gt;&amp;amp;amp;lt;span&amp;amp;amp;gt;用户名：&amp;amp;amp;l

			
		

	





	

		

			

				
					
JQuery用户注册表单验证

				
			

			

				

					Sirius小鑫的博客
				

				

					11-22
					
					2860
					
				

			

		

		

			
				
使用jquery编写代码实现用户注册表单的验证功能：代码地址。

			
		

	





	

		

			

				
					
HTML5实现注册表单

				
			

			

				

					xiaowude_boke的博客
				

				

					08-23
					
					1665
					
				

			

		

		

			
				
HTML5实现注册表单

			
		

	





	

		

			

				
					
html js注册表单代码,用户注册常用javascript代码

				
			

			

				

					weixin_42522167的博客
				

				

					06-26
					
					1235
					
				

			

		

		

			
				
用户注册function IsDigit(cCheck){return (('0'<=cCheck) && (cCheck<='9'));}function IsAlpha(cCheck){return ((('a'<=cCheck) && (cCheck<='z')) || (('A'<=cCheck) && (cCh...

			
		

	





	

		

			

				
					
html注册表单 自动登录,漂亮的注册和登录切换表单【html5和css3实现】

				
			

			

				

					weixin_29734123的博客
				

				

					05-31
					
					1854
					
				

			

		

		

			
				
本文是关于如何使用HTML5和CSS3创建切换登录和注册表单的教程。登录和注册表单在本教程中，我们将创建两个html5表单，使用css3伪类:target在登录和注册之间切换。我们将使用css3和图标字体来设计它的样式。HTML在html中，我们将同时放置两个表单，用css隐藏第二个表单。这是代码：LoginYouremailorusernameYourpasswordKeep...

			
		

	





	

		

			

				
					
JavaScript 登录注册表单验证

				
			

			

				

					阿博的博客
				

				

					07-24
					
					4452
					
				

			

		

		

			
				
JavaScript 表单验证

			
		

	





	

		

			

				
					
javascript实现注册表单

				
			

			

				

					10-08
				

			

		

		

			
				
在这个“javascript实现注册表单”的项目中，我们将会探讨如何使用JavaScript来创建一个功能丰富的京东风格的注册表单，涵盖表单验证、正则表达式匹配、表单状态追踪、随机验证码生成以及密码强度检测等多个关键环节...

			
		

	





	

		

			

				
					
vue复合组件实现注册表单功能

				
			

			

				

					08-28
				

			

		

		

			
				
在本示例中，我们将深入探讨如何使用Vue.js来实现一个复合组件，用于创建一个注册表单。  首先，我们要理解什么是Vue中的复合组件。复合组件是两个或更多简单组件的组合，它们共同完成一个更复杂的任务。在这个例子...

			
		

	





	

		

			

				
					
css3登录注册表单切换特效

				
			

			

				

					06-24
				

			

		

		

			
				
本话题主要聚焦于一个特定的应用——"css3登录注册表单切换特效"，这是一款巧妙地利用CSS3特性的设计，实现了在登录与注册表单间的平滑切换，带给用户一种现代且专业的视觉体验。  首先，我们要理解这个特效的核心...

			
		

	





	

		

			

				
					
信息注册表单

				
			

			

				

					12-16
				

			

		

		

			
				
在IT行业中，网页注册表单是用户与网站交互的重要组成部分，它...通过合理的布局、有效的验证和良好的交互设计，可以创建出既安全又友好的注册表单。而“zhuce”文件很可能就是这样一个实例，值得我们去学习和研究。

			
		

	





	

		

			

				
					
用户身份注册表单网页模板

				
			

			

				

					01-23
				

			

		

		

			
				
【用户身份注册表单网页模板】是网页设计中一个关键元素，主要用于收集新用户的个人信息，以便为他们创建账户。在互联网服务中，用户注册表单是第一步，它为用户提供了一个平台来输入必要的个人数据，如姓名、电子...

			
		

	





	

		

			

				
					
php解析html dom节点树

				
			

			

				

					Free_Program_1314的专栏
				

				

					12-19
					
					5636
					
				

			

		

		

			
				
不得不感叹用DOM直接解析HTML DOM树的灵活和强大，因为基本的HTML元素就是那么几种常见的，再加上ID属性或者CLASS属性之类的。。


在解析html文件时，完全可以用正则中脱离出来，毕竟HTML文件中存在大量相似的模式，而且代码看上去功能比较显而易见，当然正则是非常强大的，应用的领域也更广。。


代码如下：


<?php
//关闭载入包含js时的警告提示
err

			
		

	





	

		

			

				
					
php数据采集

				
			

			

				

					Free_Program_1314的专栏
				

				

					12-18
					
					4795
					
				

			

		

		

			
				
实测单次采集了一万条图片链接，并保存。。。主要用于测试，请勿它用。。。。


注释写的很清楚，就不赘述了




<?php
header("content-type: text/html; charset=gb2312");
class HttpWrap
{
	//定义超时时间
    public $timeout=10;
	
	//定义连接状态
    public $sta

			
		

	





	

		

			

				
					
PHP实现哈希表

				
			

			

				

					Free_Program_1314的专栏
				

				

					05-26
					
					4633
					
				

			

		

		

			
				
哈希表的实现，代码用PHP写的

			
		

	





	

		

			

				
					
PHP xml_parse_into_struct 函数详细解析

				
			

			

				

					Free_Program_1314的专栏
				

				

					08-29
					
					3368
					
				

			

		

		

			
				
函数原型：int xml_parse_into_struct (
resource 
$parser , string 
$data , array 
&$values [, array
&$index ] )
参数说明：@param-->$parser XML解析器，由xml_parser_create()生成一个XML资源句柄。
    @param-->$data  带解析的X

			
		

	





	

		

			

				
					
bootstrap注册表单

					
最新发布

				
			

			

				

					12-02
				

			

		

		

			
				
以下是一个基于BootstrapValidator的Bootstrap注册表单模板，包含注册、手动验证、表单重置等功能：  ```html <!DOCTYPE html>      <title>Bootstrap注册表单              注册      用户名    请输入用户名">    ...

			
		

	



              



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

  

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

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值