IMG-LOGO
×

Tài Liệu Học

Khoá học lập trình Javascript

Khai báo biến & hàm mặc định trong Javascript

[Video] Tạo dự án JS đầu tiên - Lập Trình JS [Video] Khai báo biến - toán tử - Lập Trình JavaScript [Video] Các hàm sẵn có trong js - Khoá Học Lập Trình JS

Mệnh đề điều kiện

[Video] Cấu trúc điều kiện if else switch - Lập trình Javascript

Vòng lặp for, while, do..while

[Video] Tìm hiểu vòng lặp for, while, do .. while trong Javascript

Array & Function & Object

[Video] Tìm hiểu Function trong Javascript [Video] Tìm hiểu Array trong Javascript [Video] Khai báo Object trong Javascript [Video] Gửi giữ liệu qua các trang html bằng javascript - HTML/CSS [Video] Bài tập - ôn tập mảng - quản lý sinh viên - Lập trình Javascript [Video] Khai báo function trong Object - Lập trình Javascript [Video] Tìm hiểu function trong string - Lập trình Javascript

Xử lý sự kiện & thao tác thẻ HTML

[Video] Event - Lập Trình JS [Video] Tương tác lên tags trong HTML bằng JS [Video] Thêm tags vào tags khác bằng javascript + ví du thêm sinh viên - lập trình JS [Video] Tương tác thẻ HTML bằng Javascript qua ví dụ đặt đơn hàng (Order Entry Form) [Video] Bài tập - Quản lý sản phẩm bằng javascript - lập trình javascript [Video] Quản lý sinh viên - Lập trình Javascript

Lưu trữ Javascript

[Video] Cookie - khoá học lập trình JavaScript [Video] Localstorage - Khoá học lập trình JavaScript [Video] Lưu trữ thông tin sinh viên bằng LocalStorage - Lập trình Javascript

Examination & Ôn Tập Tổng Quát

1000 Bài tập JavaScript - Lập Trình JavaScript




Trang Chủ Học JS LocalStorage: Quản lý đăng ký đăng nhập- Lập trình Javascript

LocalStorage: Quản lý đăng ký đăng nhập- Lập trình Javascript

by GokiSoft.com - 16:56 14/01/2022 13,535 Lượt Xem

1. Tạo ra 1 trang web đặt tên là : register.html gồm các input (tên, tuổi, email) và button đăng ký

Khi ngươi dùng click vào button đăng ký thì lưu toàn bộ thông tin vào LocalStorage

2. Tạo ra 1 trang web mới là : show.html -> Lấy thông tin luu trong LocalStorage và hiển thị ra màn hình


Bình luận



Chia sẻ từ lớp học

hainguyen [T2008A]

Ngày viết: 16:53 25/10/2020


#register.html


<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body>
	<div>
		<form method="post" onsubmit="return save()">
			<p>
				<label>Ten:</label>
				<input required type="text" name="ten" id="ten_form">
			</p>
			<p>
				<label>Tuoi:</label>
				<input type="number" name="tuoi" id="tuoi_form" required>
			</p>
			<p>
				<label>Email:</label>
				<input type="email" name="email" id="email_form" required>
			</p>
			<p>
				<button>Submit</button>
			</p>
		</form>
		<br/>
		<br/>

		<div id="link">
		</div>
	</div>

	<script type="text/javascript">
		function save(){
			ten = document.getElementById('ten_form').value
			tuoi = document.getElementById('tuoi_form').value
			email = document.getElementById('email_form').value

			localStorage.setItem('ten_db', ten)
			localStorage.setItem('tuoi_db', tuoi)
			localStorage.setItem('email_db', email)

			document.getElementById('ten_form').value
			document.getElementById('tuoi_form').value
			document.getElementById('email_form').value
			document.getElementById('link'). innerHTML =`<a href="show.html">Chuyển trang</a>`

			return false
		}
	</script>
</body>
</html>


Tài Liệu Tham Khảo

Đã sao chép!!!