【HTML】表单+表格写一个注册界面

蹭课蹭来了个作业

 

 

以上是注册界面的样式及要求。

有两个想法

一是设计外表格为8*2（八行两列），每个单元格又嵌套一个小表格（1*2），小表格第一列设置对齐方式为向右对齐，第二列向左对齐（因为图片中用户名，密码等右边是对齐的，而文本框这些左边也是对齐的）。接下来的代码就是用这个方法的。

 

二是外表格设计为1*2的，然后左右两列都嵌套一个8*2的内表格。对齐方式同上。

 

话不多说，直接上代码吧。

关于行内样式和内嵌样式混用这一点，因为我不记得某些属性对应的CSS属性了，所以emmmm.......

	
		
		
		
	
	
		

			
注册
			

				
	
					
	
						

							
	
								用户名：
							
							
	
								

									
									
								
							
						
					
				
			
			

				

					

						

							
 	
								密   码：
							
							

								

									
								
							
						
	
					
				
				

					

						

							

								真实姓名：
							
							

								

									
								
							
						
					
				
			
			

				

					

						

							

								确认密码：
							
							

								

									
									
								
							
						
					
				
				

					

						

							

								手机号码：
							
							

								

									
									
								
							
						
					
				
			
			

				

					

						

							

								性   别：
							
							

								

									
									男
								
							
							

								

									女
								
							
						
					
				
			
			

				

					

						

							

								民   族：
							
							

								

									
									
									
								
							
						
					
				
				

					

						

							

								邮      箱：
							
							

								

									
								
							
						
					
				
			
			

				

					

						

							

								爱   好：
							
							

								

									篮球
									足球
									武术
									游泳
								
							
						
					
				
				
			
			

				

					

						

							

								国   家：
							
							

								

									
									
								
							
						
					
				
				

					

						

							

								城      市：
							
							

								

									
									
								
							
						
					
				
			
			

				

					

						
					
				
				

					

						
					
				
			
		
	

 

我自己是不怎么给代码写注释的，然而这毕竟是放出来给别人看的，还是加点注释解释一下自己在干嘛吧。于是加了注释后，我运行了下打算截图，结果却变成了这样.....

 

 

 

我在style中定义的样式失效了？？？？黑人问号，然后我突然想起来CSS的注释是用 // 的，而我用的是HTML的，好吧，于是我就改过来了，结果还是一样。我就把style里的注释都删了，就得到了没写注释之前，正确的页面-_-

 

 

 为什么会这样？？？？难道不能在style中写注释？？

好的，我知道原因了。style里的注释要用/* */。

------------------------------------------------------------------------------------------------------------------------------------------------------------------

看了下同学的布局和页面，然后，-_-我写的是什么垃圾页面啊......