Skip to content

W
web-basic-062018
Commit 03fe64d5 by Đỗ Thụy Hạnh Chuyên
Options

Creating front-end

parents
Showing with 118 additions and 0 deletions
index.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<title>Register Form</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<div id="form_wrapper">
<h2>Register Form</h2>
<form class="form">
<table>
<tr>
<th>
<label for="firstname">First Name</label>
</th>
<td>
<input type="text" name="firstname" placeholder="First Name">
</td>
</tr>
<tr>
<th>
<label for="lastname">Last Name</label>
</th>
<td>
<input type="text" name="lastname" placeholder="Last Name">
</td>
</tr>
<tr>
<th>
<label for="email">Email</label>
</th>
<td>
<input type="text" name="email" placeholder="Email">
</td>
</tr>
<tr>
<th>
<label for="emailconfirmation">Email Confirmation</label>
</th>
<td>
<input type="text" name="emailconfirmation" placeholder="Email Confirmation">
</td>
</tr>
<tr>
<th>
<label for="birthday">Birthday</label>
</th>
<td>
<input type="text" name="birthday" placeholder="Birthday">
</td>
</tr>
<tr>
<th></th>
<td>
<input type="submit" name="register" value="Register">
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
\ No newline at end of file
style.css 0 → 100644
body {
}
#form_wrapper {
width: 1200px;
height: 400px;
border: 1px solid #000;
margin: 0 auto;
font-size: 20px;
color: #666;
}
h2 {
text-align: center;
font-family: Arial;
}
th {
font-size: 16px;
padding-left: 1em;
padding-right: 1em;
text-align: right;
}
input {
width: 1000px;
height: 26px;
border-radius: 4px;
border-width: 2px;
}
input[type=text], select {
/*padding: 12px 20px;*/
margin: 8px 4px;
display: inline-block;
border: 1px solid #ccc;
/*border-radius: 4px;*/
box-sizing: border-box;
}
input[type=submit], select {
width: 6em;
margin-top: 2em;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment