简易在线投票系统(php)——前端设计（问题与解决）

1、问题及解决

（1）关于<form>表单的设计

a、此次设计的页面中的所有的信息都时通过post的方式提交的，所以要设置method="post"，同时提交的方向为当前页面，所以action为空

<form action="" method="post">

b、通过submit提交时要设置name属性，因为php代码的部分是通过name来识别提交的内容的。

<input type="submit" name="send" value="发布">

所以在表单中的每一项都要专门设置一个适当的name属性。

php获取post提交信息的方式

@$_POST['mutiSend']

（2）关于显示与隐藏的内容

通过div的dsiplay属性来实现当display=‘none’时，div将会隐藏。但是通过JavaScript只能获取html页面中的css属性，所以display属性不能设置在css文件中，而要设置在html页面里。在通过JavaScript修改时，也只会修改html中的css代码。

（3）让几个div在一行内并排

通过css的float:left;实现，但要确保外层div有足够的空间容纳这几个并排的div。

（4）关于链接<a>

a、如何让整个div成为一个链接，即当鼠标移动到这个层上时，鼠标会变成手指的图标，同时可以点击链接。

事实证明，无法做到这一点，除非使用ajax技术。但是，可以将<a>链接放在div内，通过设置链接的padding属性，使得链接的范围得以扩展，填充整个层，实现这个效果。

.main_menu_item a{
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#666;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:59px;
	padding-right:59px;
}

b、如何让链接点击后激发JavaScript方法而不是链接

范例：

<a href="javascript:void(0);" οnclick="show();">登录</a>

c、css中a已经a:hover

a表示链接的属性，而a:hover是当鼠标移动到连接上时的属性

范例：

a{
	text-decoration:none;
	color:#999;
}
a:hover{
	color:#CCC;
}