Bài 5: Tạo trang đăng ký với các thuộc tính căn bản trong html5 Bài số 5 hướng dẫn cơ bản các thẻ, nút như, textbox, combox, output,... trong html5 Demo hình ảnh: Demo code: copy code cho vào file notepad và save dưới dạng .html Mã: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Bài 5: Tạo trang đăng ký trong html5 nâng cao(P1)</title> </head> <body> <!-- thuộc tính 'form' dùng để bao bọc 1 trang web, thuộc tính action='...' thuộc tính trả về giá trị khi submit trang web, thuộc tính method='...' thuộc tính của trang--> <form action="dangky.php" method="post"> <h1 align="center">Bài 5: Tạo trang đăng ký trong html5 nâng cao(P1)</h1> <table width="600" border="1" align="center" cellpadding="5" > <caption>Form Đăng Ký</caption> <tr> <th height="30" width="200">FullName</th> <td width="400"> <!-- giá trị 'input' dùng để tạo các đối tượng xử lý trong html, type='text' giá trị tạo textbox trong html--> <input type="text" name="FullName" placeholder="Nhập đầy đủ họ tên" > </td> </tr> <tr> <th height="30">UserName</th> <td> <input placeholder="Nhập tên đăng nhập" type="text" name="UserName" id="username" > </td> </tr> <tr> <th height="30">Password</th> <td> <input type="password" name="pass" placeholder="Mật khẩu" > </td> </tr> <tr> <th height="30">Retype Password</th> <td> <input type="password" name="repass" placeholder="Nhập lại Mật khẩu" > </td> </tr> <tr> <th height="30">Gender</th> <td> <label><input checked type="radio" name="Gender" >Nam</label> <label><input type="radio" name="Gender" >Nữ</label> </td> </tr> <tr> <th height="30">DOB</th> <td> <!-- Tạo 1 combox xổ xuống chọn được nhiều giá trị, với 'name' và 'value' là 2 giá trị được trả về sever --> <select name="day" size="5" multiple > <option value="">Ngày</option> <option value="1">1</option> <option value="2">2</option> <option selected value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> <select name="month"> <option value="">Tháng</option> <option value="1">1</option> <option selected value="2">2</option> <option value="3">3</option> </select> <select name="year"> <option value="">Năm</option> <option value="2015">2015</option> <option value="2014">2014</option> <option value="2013">2013</option> </select> </td> </tr> <tr> <th height="30">Address</th> <td> <!-- 'textarea': tạo 1 textbox cho nhập vào dữ liệu có nhiều dòng, nhiều giá trị --> <textarea cols="50" rows="5" placeholder="Nhập đầy đủ số nhà, tỉnh, thành phố,..."></textarea> </td> </tr> <tr> <td height="30" colspan="2" align="center"> <!-- type='reset' dùng để tạo đối tượng button click vào sẽ khôi phục lại dữ liệu trong html5--> <input type="reset" value="reset"> <!-- type='submit' dùng để tạo đối tượng button trong html5, click vào sẽ trả về giá trị cho sever tại form action='dangky.php'--> <input type="submit" value="ok"> </td> </tr> </table> </form> </body> </html>
