By GokiSoft.com| 20:20 18/10/2023|
Học HTML5 - CSS3

[Share Code] Tìm hiểu về Form - C2307L

#vidu2.html

<!DOCTYPE html>
<html>
<head>
	<title>Form tutorial</title>
	<meta charset="utf-8">

	<style type="text/css">
		
	</style>
</head>
<body>
<input type="text" name="fullname" placeholder="Enter fullname ...">
<br/>
<input type="number" step="10" name="age" placeholder="Enter age ...">
<br/>
<input type="color">
<br/>
<input type="date">
<br/>
<input type="time">
<br/>
<select>
	<option>-- Chon --</option>
	<option>Nam</option>
	<option>Nu</option>
	<option>Khac</option>
</select>
<br/>
<input type="checkbox" name="abc"> Nam
<input type="checkbox" name="abc"> Nu
<input type="checkbox" name="abc"> Khac
<br/>
<input type="radio" checked name="gender"> Nam
<input type="radio" name="gender"> Nu
<input type="radio" name="gender"> Khac
<br/>
<textarea autofocus rows="10" style="width: 200px"></textarea>
<br/>
<input type="text" name="abc" list="coutries">
<datalist id="coutries">
	<option value="V1" />
	<option value="V2" />
	<option value="V3" />
	<option value="V4" />
	<option value="V5" />
	<option value="V1" />
	<option value="V1" />
	<option value="V1" />
	<option value="V1" />
	<option value="V1" />
	<option value="V1" />
	<option value="V1" />
</datalist>
</body>
</html>

#vidu3.html

<!DOCTYPE html>
<html>
<head>
	<title>Contact Page</title>
	<meta charset="utf-8">
	<style type="text/css">
		.validate {
			color: red;
		}

		.content {
			width: 600px;
			background-color: #faedca;
			padding: 10px;
			margin: 0px auto;
		}

		.content input, .content textarea, .content button {
			width: 100%;
			font-size: 22px;
			margin-bottom: 10px;
		}

		.content button {
			background-color: blue;
			color: white;
			border: none;
			padding: 16px;
			cursor: pointer;
		}

		.content button:hover {
			background-color: orange;
		}

		h2 {
			text-align: center;
		}
	</style>
</head>
<body>
<h2>Lien he voi chung toi</h2>
<div class="content">
	<label>Ho & ten: <label class="validate">*</label></label>
	<input type="text" name="fullname">
	<br/>
	<label>So dien thoai: <label class="validate">*</label></label>
	<input type="tel" name="phone_number">
	<br/>
	<label>Email: <label class="validate">*</label></label>
	<input type="email" name="email">
	<br/>
	<label>Loi nhan: <label class="validate">*</label></label>
	<textarea rows="6" name="message"></textarea>
	<br/>
	<button>Gui</button>
</div>
</body>
</html>
Tags:



Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)

Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó