6.登录表单实战

BUG之神 82

六 登录表单实战

实战:用控件分组实现登录表单

代码：

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>3-3实战2:用表单集制作登录表单</title>
</head>
<body>
	<form action="" method="post"  align="center">
		<h3>用户登录</h3>
		<p>
			<label for="email">邮箱：</label><input type="text" id="email" name="email" placeholder="example@163.com">
		</p>
		
		<p>
			<label for="password">密码：</label><input type="password" id="password" name="password" placeholder="密码不少于8位">
		</p>
		
	</form>
</body>
</html>

效果：

6.登录表单实战 

使用控件分组改写

用表单控件分组 <fieldset>,了解即可,实际工作中用得极少

6.登录表单实战 

添加登录按钮

6.登录表单实战 

本文作者为BUG之神，转载请注明。

分享