Skip to content

B
basic-form
Commit 9a03aeb1 by Dinh Thanh Truc
Options

Fix review form.htnl and stylesheet.css

parent c7dbe8b2
Showing with 17 additions and 22 deletions
form.html
...@@ -9,14 +9,14 @@ ...@@ -9,14 +9,14 @@
</head> </head>
<body> <body>
<div class="formDiv"> <div class="formDiv">
<h1 style="text-align: center;" class="header1">Register Form</h1> <h1 class="header1">Register Form</h1>
<table> <table>
<tr style="height:20px"> <tr>
<td></td> <td></td>
<td> <td>
<p class="error">Input error</p> <p class="error">Input error</p>
</td> </tr>
</tr> </td>
<tr> <tr>
<td class="labelTd"><label for="firstName" class="registLabel" >First Name</label></td> <td class="labelTd"><label for="firstName" class="registLabel" >First Name</label></td>
<td><input class="registInput" id="firstName" placeholder="First Name" /></td> <td><input class="registInput" id="firstName" placeholder="First Name" /></td>
...@@ -41,7 +41,5 @@ ...@@ -41,7 +41,5 @@
</tr> </tr>
</table> </table>
</div> </div>
</body>
</html>
</body>
</html>
stylesheet.css
body, h1, h2,form, button, input{
font-size:14px;
font-family: Arial, sans-serif
}
tr:first-child{
height:20px
}
.formDiv{ .formDiv{
margin: 0 auto; margin: 0 auto;
width:1171px; width:1171px;
...@@ -5,23 +12,19 @@ ...@@ -5,23 +12,19 @@
border:1px solid border:1px solid
} }
.header1{ .header1{
font-family: Arial;
font-size: 28px; font-size: 28px;
font-weight:normal; font-weight:normal;
margin-top: 20px; margin-top: 20px;
margin-bottom: 10px margin-bottom: 10px;
text-align: center
} }
.error{ .error{
font-size:14px;
font-family: Arial;
display: none; display: none;
padding:0; padding:0;
margin:0; margin:0;
background-color:pink background-color:pink
} }
.registLabel{ .registLabel{
font-size:14px;
font-family: Arial;
padding-right:15px; padding-right:15px;
float:right; float:right;
} }
...@@ -33,22 +36,16 @@ ...@@ -33,22 +36,16 @@
margin-bottom: 8px; margin-bottom: 8px;
border-radius: 5px; border-radius: 5px;
border:1px solid gray; border:1px solid gray;
font-size:14px;
font-family: Arial;
}
::-webkit-input-placeholder{
font-size:14px;
font-family: Arial;
} }
.labelTd{ .labelTd{
width:183px; width:183px;
background-color:white; background-color:white;
font-weight:bold; font-weight:bold;
} }
#register{ table button{
width:77px; width:77px;
height:33px; height:33px;
font-size:14px;
background-color:white; background-color:white;
border-radius: 5px; border-radius: 5px;
border:1px solid gray; border:1px solid gray;
......
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