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;
}