By GokiSoft.com| 11:01 29/01/2021|
Học JS

[Share Code] Tìm hiểu jquery + javascript + onload - Lập trình HTML/CSS/JS 



<!DOCTYPE html>
<html>
<head>
	<title>Overview HTML/CSS/JS - Page</title>
	<meta charset="utf-8">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<!-- Overview JS -->
	<script type="text/javascript">
		// function init() {
		// 	// var nameTag = document.getElementById('uname')
		// 	// nameTag.value = 'TRAN VAN DIEP'
		// }

		// $(function() {
		// 	//xu ly code => khi web duoc load thanh cong
		// 	var nameTag = document.getElementById('uname')
		// 	nameTag.value = 'TRAN VAN DIEP'
		// })

		$(document).ready(function() {
			//xu ly code => khi web duoc load thanh cong
			name = localStorage.getItem('fullname')

			var nameTag = document.getElementById('uname')
			nameTag.value = name
		})

		function saveName() {
			var nameTag = document.getElementById('uname')
			var name = nameTag.value

			localStorage.setItem('fullname', name)
		}
	</script>
</head>
<!-- <body onload="init()"> -->
<body>
	<form>
		<label>User Name:</label>
		<input type="text" name="username" id="uname" onchange="saveName()">
		<br/>
		<br/>
		<label>Email:</label>
		<input type="email" name="email">
		<br/>
		<br/>
		<label>Address:</label>
		<input type="text" name="adress">
		<br/>
		<br/>
		<button>Submit</button>
		<button type="reset">Reset</button>
	</form>

	<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3724.7347224252576!2d105.84723921533197!3d21.00326829402307!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ad58455db2ab%3A0x9b3550bc22fd8bb!2zNTQgTMOqIFRoYW5oIE5naOG7iywgQsOhY2ggS2hvYSwgSGFpIELDoCBUcsawbmcsIEjDoCBO4buZaSwgVmlldG5hbQ!5e0!3m2!1sen!2s!4v1611889170763!5m2!1sen!2s" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</body>
</html>




Tags:

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

5

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