站长技术网

首页 > 网站基础 > DIV&CSS >

关于火狐和谷歌兼容性问题示例探讨

点评:关于火狐和谷歌兼容性问题,是从事前端必须要应付的,下面有个不错的示例,感兴趣的可以参考一下!

复制代码代码如下:

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>login</title>

<style>

body {

margin: 0;

padding:0;

background: #ccc;

}

#wrap {

width:290px;

margin:17% auto;

}

#sid {

width: 152px;

margin-left: -5px;

}

#sub {

margin-left: 65px;

}

#res {

margin-left: 55px;

}

#vcode{

float:right;

}

</style>

</head>

<body>

<p id="wrap">

<form action="loginok.php" method="post">

选&nbsp;&nbsp;择: <select name="loginname" id="sid">

<option value="admin">管理员</option>

<option value="user">用户</option>

</select>

用户名:<input type="text" name="username" id="">

密&nbsp;&nbsp;码:<input type="password" name="password" id="">

验证码:<input type="text" name="" id=""><img src="vcode.php" id="vcode">

<input type="submit" value="login" id="sub">

<input type="reset" value="reset" id="res">

</form>

</p>

</body>

</html>