自我介绍网页填写表格PHP，JavaScript，html，css代码

	
	
	

	


	

		

			

				
自我介绍
				
			
			

				
名字：
				

					
				
				
必须在6—20个字母之间
			
			

				
性别：
				
男
					女
				

			
			

				
年龄：
				

				
取值在0——100之间
			
			

				
个人密码：
				

				
6——10个字符
			
			

				
确认密码：
				

				
与个人密码相同
			
			

				
你的爱好：
				

					看书
					打篮球
					游泳
				
				

			
			

				
你最喜欢的颜色：
				

					
						红色
						黄色
						蓝色
						黑色
					
				
				

				
			
			

				
个人介绍
				

					
				
				
不能为空
			
			

				
请上传头像文件
				

					

				
				
必须上传头像文件
			
			

				

					提交
					  
					重置
				
				
			
			
		
		
	
	




// 表单提交java scrip
// function关键字定义函数
function validate(){
   // 用户名限制
   // 获取用户名
   // 使用document.getElementById('uname')获取id属性是uname的表单元素
    // 然后使用属性value获取文本框中输入的数组，放在变量uname中保存；
    var uname=document.getElementById('uname').value;
    var len=uname.length;
   // 判断len的取值是否为6~20个字符之间，如果不是，则使用alert（）函数弹出指定的提示信息
   // 使用return false 语句返回函数的结果为false，结束函数的执行过程
    if(len<6||len>20){
        alert('姓名必须在6~20个字符之间，请重新输入!');
        return false;
        // return的作用将页面运行过程停留在当前界面，而不用吧不符合要求的数据提交到服务器端 
    }
    // 判断年龄是否在0~100之间
    var age=document.getElementById('age').value;
    if (age<0 ||age>100) {
      alert('年龄必须在0~100之间,请重新输入!');
      return false;
    }

    

    // 密码和确认密码相同验证
    var password1=document.getElementById('password1').value;
    var password2=document.getElementById('password2').value;
    var passwordLen1=password1.length;
    if (passwordLen1<6||passwordLen1>10) {
      alert('密码必须在6~10个字符之间请重新输入');
      return false;
    }
    if (password2!=password1) {
      alert('两次输入,密码不相同，请重新输入！');
      return false;
    }
    // var introduction=document.getElementById('introduction').value;
    // if (introduction!=" ") {
    //   alert('个人介绍不能为空，请重新输入！');
    //   return false;
    // }

}


";
echo "您输入的用户名是：".$_POST["uname"]."
";
echo "您输入的性别是：".$_POST["gender"]."
";
echo "您输入的年龄是：".$_POST["age"]."
";
echo "您输入的密码是：".$_POST["password1"]."
";
if (isset($_POST['like'])){
	$like=implode(",", $_POST['like']);
	echo '你的兴趣爱好是：'.$like.'
';
}
else{
	echo "您没有输入兴趣爱好";
}


echo "您喜欢的颜色是：".$_POST["color"]."
";
echo "您的个人介绍是：".$_POST["jieshao"]."
";



?>
';
echo "你上传的文件类型为：".$type.'
';
echo "你上传的文件大小为：".$size.'
';
echo "你上传的文件临时位置临时名称为：".$tmpname.'
';
// 将上传后的文件移动到指定的位置并按照指定的名称来保存 move_uploaded_file()
$ftmpname=$_FILES['file1']['tmp_name'];
$ftname=iconv("UTF-8", "GB2312",$_FILES['file1']['name'] );
// move_uploaded_file()只支持GB2312或者GBk编码，并不支持UTF-8编码，如果页面字符集编码类型是UTF-8，并且上传的文件名称包含汉字，该函数可能无法执行成功。因此，将使用iconv（）函数转换名称中的汉字编码来解决问题
move_uploaded_file($ftmpname,"picture/$ftname");
echo "您的照片为：";
?>