html5

最新推荐文章于 2024-07-22 17:27:18 发布

77不吃香菜.

最新推荐文章于 2024-07-22 17:27:18 发布

阅读量354

点赞数 9

文章标签： html5 前端 html

本文链接：https://blog.csdn.net/luna_H/article/details/134769922

版权

input属性
       button 按钮
       text 默认文本
       radio 单选
       checkbox 复选框
       submit 提交
       password 密码
       reset 重置

       color 颜色
       number 数字
       file 上传文件
       url 网址
       email 邮箱
       tel手机号
       search 搜索框
       date 日期
       range 滑块

       time 时间
       month 月
       week 周

multiple 可以上传多个文件，通常与file搭配使用

placeholder 表单的请示文字

required 表单输入不能为空

autofocus设置默认焦点

autocomplete记录历史输入 on打开 off关闭

pattern 正则验证

min max 数字的值通常与number和range

step 数字的跳跃间隔

readonly只读模式

disabled禁用模式

input type="text" placeholder="请输入" required

input type="url" name="" id="" value=""

input type="text" pattern="[A-Za-z]{3}" name="" id="" value=""

input type="date"

input type="time" name="" id="" value=""

input type="number"

input type=" button"

localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

保存数据：localStorage.setItem(key,value);
       读取数据：localStorage.getItem(key);
       删除单个数据：localStorage.removeItem(key);
       删除所有数据：localStorage.clear();
       得到某个索引的key：localStorage.key(index);

保存数据：sessionStorage.setItem(key,value);
       读取数据：sessionStorage.getItem(key);
       删除单个数据：sessionStorage.removeItem(key);
       删除所有数据：sessionStorage.clear();
       得到某个索引的key：sessionStorage.key(index);
var random = Math.floor(Math.random() * 42+1);


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- input属性
		button  按钮
		text 默认文本
		radio 单选
		checkbox 复选框
		submit  提交
		password  密码
		reset 重置
		
		color  颜色
		number  数字
		file   上传文件
		url  网址
		email 邮箱
		tel手机号
		search 搜索框
		date  日期
		range  滑块
		
		time 时间
		month  月
		week 周
		
		 -->
		 <!-- multiple 可以上传多个文件，通常与file搭配使用 -->
		 <!-- placeholder  表单的请示文字 -->
		 <!-- required 表单输入不能为空 -->
		 <!-- autofocus设置默认焦点 -->
		 <!-- autocomplete记录历史输入  on打开  off关闭 -->
		 <!-- pattern 正则验证 -->
		 <!-- min  max  数字的值   通常与number和range -->
		 <!-- step 数字的跳跃间隔 -->
		 <!-- readonly只读模式 -->
		 <!-- disabled禁用模式 -->
		 <input type="file" multiple name="" id="" value="" />
		
		 
		 <form method="post">
			<!-- <input type="text" placeholder="请输入" required> -->
		 	<!-- <input type="url" name="" id="" value=""  /> -->
			<!-- <input type="text" pattern="[A-Za-z]{3}" name="" id="" value="" /> -->
			<input type="text" readonly>
			<input type="text" disabled>
			<input type="number" min="3" name="" id="" value="" />
			<input type="number" step="5" name="" id="" value="" />
			<input type="range" name="" id="" value="" />
		 	<input type="email" name="" id="" value="" autofocus />
			<!-- <input type="date">
			<input type="time" name="" id="" value="" />
			<input type="number">
			<input type=" button"> -->
		 	<input type="submit" value="提交"/>
		 </form>
		 
		<form autocomplete="on">
		  First name:<input type="text" name="fname"><br>
		  Last name: <input type="text" name="lname"><br>
		  E-mail: <input type="email" name="email" autocomplete="off"><br>
		  <input type="submit">
		</form>
		<!-- localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
		sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。 -->
		<div id="result"></div>
		<div id="ids"></div>
		<!-- 保存数据：localStorage.setItem(key,value);
		读取数据：localStorage.getItem(key);
		删除单个数据：localStorage.removeItem(key);
		删除所有数据：localStorage.clear();
		得到某个索引的key：localStorage.key(index); -->
		
		<!-- 保存数据：sessionStorage.setItem(key,value);
		读取数据：sessionStorage.getItem(key);
		删除单个数据：sessionStorage.removeItem(key);
		删除所有数据：sessionStorage.clear();
		得到某个索引的key：sessionStorage.key(index); -->
	</body>
	<script type="text/javascript">
		// var random = Math.floor(Math.random() * 42+1);
		// console.log(random);
		localStorage.sitename="计应1班";
		document.getElementById("result").innerHTML="网站名：" + localStorage.sitename;
		
		sessionStorage.age=18;
		document.getElementById("ids").innerHTML="年龄：" + sessionStorage.age;
	</script>
</html>

console.log(random);

77不吃香菜.

关注

9
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
html5

sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。得到某个索引的key：sessionStorage.key(index);删除单个数据：localStorage.removeItem(key);得到某个索引的key：localStorage.key(index);保存数据：sessionStorage.setItem(key,value);保存数据：localStorage.setItem(key,value);checkbox 复选框。
复制链接

扫一扫