step 1
RUN
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Insert title here</title> <link rel="stylesheet" type="text/css" href="style.css"> <style type="text/css"> * { margin: 0px; padding: 0px; } #main { margin: 20px auto; width: 600px; border: 1px solid #999; padding: 10px; } #main h1 { color: red; text-align: center; } #main div.row{ margin-top: 20px; } #main div.row span{ display: inline-block; width: 255px; text-align: right; } #main div.row input[type=text]{ padding: 3px 5px; } #main div.row input[type=submit]{ padding: 3px 5px; display: block; margin: 0px auto 20px auto; } #result{ text-align: center; color: red; font-style: italic; } </style> </head> <body> <div id="main"> <h1>Tra Cứu Năm Tuổi Từ 1960</h1> <form name="checkage" action="#" method="post"> <div class="row"> <span>Năm Sinh :</span> <input id="birthday" type="text" name="birthyear" placeholder="Nhập năm sinh của bạn"/> </div> <div class="row"> <span>Năm Kiểm Tra :</span> <input id="checkyear" type="text" name="checkyear" placeholder="Nhập năm bạn muốn kiểm tra"/> </div> <div class="row"> <input type="submit" name="submit" value="Tra Cứu" /> </div> <div id="result"> </div> </form> </div> </body> </html>
PHÓNG TO