jquery使用方便简洁下面是一个用jquery制作的登陆表单
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>5.常用的过滤方法</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<div >
<form action=" " method="post">
<div>计算机课程用户</div>
<div>姓名:<input type="text" id="name" name="name" value="" ></div>
<div>学号:<input type="text" id="xuehao" name="xuehao" value="" ></div>
<div>密码:<input type="password" id="mima" name="mima" value="" ></div>
<div><input type="submit" name="submit" value="登 录" ></div>
</form>
</div>
</body>
<script type="text/javascript">
$('*').css({'font-size': '10vw'} )
$(':input').css('width', '50vw')
$('div').css({'width': '100vw',
'margin': 'auto',
'background-color': 'powderblue',
'color': '#FFF',
'text-align':'center'
})
</script>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
主要用了jquery的标签选择器
