제시된 입력 폼의 프로토타입 작성하기

CODEDRAGON Development/UI&UX

반응형

 

 

제시된 입력 폼의 프로토타입 작성하기


 

 

 

UI_Mockup.html

<!DOCTYPE html>

<html>

<head>

<title>Login Form</title>

</head>

 

<body>

<h1>Login</h1>

<p>

<input type="text" name="login" value=""

placeholder="Username or Email" >

</p>

<p>

<input type="password" name="password" value=""

placeholder="Passowrd">

</p>

<p>

<label>

<input type="checkbox" name="remember_me"

id="remember_me" >Remember me on the computer

</label>

</p>

<p>

<input type="submit" name="commit" value="Login">

</p>

<div class="login-help">

<p>

Forgot your password?

<a href="http://se.naver.com">Click here to reset it</a>

</p>

</div>

</body>

</html>