Sản phẩm công nghệ Form đăng kí của học sinh Đoàn Chính Liêm

Form đăng kí

16
25
Facebook

+THêm checkbox radio lựa chọn
+Message/tin
+Form điền thông tin
HTML1:

<!Doctype html><html><head>	<title>Dang Ki</title>	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script></head><body >	<h1 style="text-align:center">ĐĂNG KÍ<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAABNCAMAAABAMbBwAAAAYFBMVEXaJR3//wDYAB7ywA/ZFh7ZHR354wnrmxTojhX99AX77gbeSRvkcxj10A3mfhf0yw3zxw/jbRj++wL32QvvsxH76gffUxrsoxPbLxzgWBrpkxXcNhzsnxPiaRnfThvwuBBlfdFMAAABdklEQVRoge2YybKCMBAAzZCRACIILiiI//+XsuWhLPIOmTlN3yyq7EqTTCx3O0EQBEEQOsqS36mN0exSiGNgl2ql2Feqj0odua2QKJVw98VMqQx5nW1d9r6QttKUuW/QSgNWJZ5Ux4nzrYLXSz3OvqAGGKW2LmtfW5e0r4YJgZUG0yfOTi5WqfdFov5Ivp+klbPecFb/5OwwNzyDbWET++n0FWuMt50xup7FYLacD4KdDFH4SxlGJKcHf+2nF1CNCThky8rsQDgPdZkvOfOS9DZH8OdOnyytZf5iXQ6ENellKr2QS7Ge562p6+rbXHqj/lEICxMiJO6L16Ujc6XtC2PdJB370i4V9lZkYLwC9qRSjOwxqRsP1Pb4RJR9ddVLhvGO8Oo/V5T7t6/7Md6HK4CyLxatIS8+1qWL7goo6PrqdtpPxnt/Bfh0fZu64X1WEu4hYd9m73q40BHRo9u/+mFWFgTmQda3WP1m/v+xBEEQBEEQCHkDJoILtRb4AhgAAAAASUVORK5CYII=" width=5%></h1><	<h2>Điền thông tin	<img src="viet.gif" width=5%></h2>	<div >	<form>		<label for="fname">Họ đệm : </label ><br>		<input type ="text" id="fname" name="fname" value=""><br>		<label for="lname">Tên : </label ><br>		<input type ="text" id="lname" name="lname" value="Liêm"><br>		<p>Chọn ngôn ngữ lập trình</p>		<input type="checkbox" id="html" name="fav_laguage" value="HTML">		<label for="html">HTML/CSS</label><br>		<input type="checkbox" id="html" name="fav_laguage" value="PYTHON">		<label for="python">PYTHON</label><br>		<input type="checkbox" id="html" name="fav_laguage" value="CC++">		<label for="cc++">C/C++</label><br>		<input type="checkbox" id="html" name="fav_laguage" value="PASCAL">		<label for="pascal">PASCAL</label><br>		<p>Độ tuổi</p>		<input type="radio" id="age1" value="tre">		<label for="tre">Trẻ dưới 18</label><br>		<input type="radio" id="age2" value="lon">		<label for="lon">Người lớn</label><br>		<input type="radio" id="age3" value="gia">		<label for="gia">Người già</label><br>	</form>	<form>		<label for="nn">Chọn nơi bạn sống</label>		<select id="nn" name="nn">			<option value="hp">Hải Phòng</option>			<option value="hn">Hà Nội</option>			<option value="hcm">Hồ Chí Minh</option>			<option value="dn">Đà Nẵng</option>			<option value="ct">Cần Thơ</option>			<option value="na">Nghệ An</option>			<option value="brvt">Bà Rịa-Vũng Tàu</option>		</select><br>	</form>	<form>		<p>Chú thích</p>		<textarea name="message" rows="15" cols="100">.............</textarea>		<br></br>	</form>	<a href="19-2-1.html"><image src="submit.png" width="10%"></a>			</div></body></html>

HTML2:

<!Doctype html><html><head>	<title>Hoàn thành</title>	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script></head><body style="text-align:center">	<h1>CHÚC MỪNG</h1>	<h1>ĐĂNG KÍ THÀNH CÔNG!</h1>	<img src="con.gif">	<form action="/action_page.php">		<label for="sao">ĐÁNH GIÁ</label>		<select id="sao" name="sao" size="2">			<option value="1">1 sao</option>			<option value="2">2 sao</option>			<option value="3">3 sao</option>		</select><br>	</form></body></html>

Xem toàn bộ