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)
