html杂记
html文件之间的跳转和引用
前端菜鸟，喜欢收集一些古怪功能的实现方法，不一定用得到。
跳转
- html的meta的http-equiv="refresh"
<head>
<!-- 以下方式只是刷新不跳转到其他页面，数字代表在多少秒之后刷新 -->
<meta http-equiv="refresh" content="10">
<!-- 以下方式定时转到其他页面，数字代表在多少秒之后 -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
- javascript的window.location
<script language="javascript" type="text/javascript">
// 以下方式直接跳转
window.location.href='hello.html';
// 另一种写法
location.href = './photo.html'
// 以下方式定时跳转
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
引入
在当前页面中显示其他html文件的内容。
- 使用HTML imports功能，这个功能官方有，但是大部分浏览器不支持。
<head>
<link rel="import" href="/path/to/imports/stuff.html">
</head>
- 使用iframe标签，相当于页面内有一个webView，但是高度要匹配显示器像素才有最好的显示效果：
<head>
</head>
<body>
<iframe align="center" width="100%" height="1920"
src="page/Page_1.html" frameborder="no" border="0"
marginwidth="0" marginheight="0" scrolling="no"></iframe>
</body>
参考链接：https://www.cnblogs.com/qmx5942701/p/5474063.html
HTML的表单<form>
参考文章-W3school
HTML <form> 元素，已设置所有可能的属性，是这样的：
<form action="action_page.php"
method="GET"
target="_blank"
accept-charset="UTF-8"
ectype="application/x-www-form-urlencoded"
autocomplete="off"
novalidate>
<input>
<datalist><option><option></datalist>
<select><option></option></select>
<textarea></textarea>
<button></button>
</form>
下面是 <form> 属性的列表：
| 属性 | 描述 | 常用值 |
|---|---|---|
| accept-charset | 规定在被提交表单中使用的字符集 | （默认：页面字符集）。UTF-8 |
| action | 规定向何处提交表单的地址（URL）（提交页面）。 | |
| autocomplete | 规定浏览器应该自动完成表单，当自动完成开启，浏览器会基于用户之前的输入值自动填写值。 | （默认：开启）。on、off |
| enctype | 规定当把表单数据（form-data）提交至服务器时如何对其进行编码（仅针对 method="post" 的表单） | （默认：url-encoded）。multipart/form-data、application/x-www-form-urlencoded |
| method | 规定在提交表单时所用的 HTTP 方法 | （默认：GET）。POST |
| name | 规定识别表单的名称（对于 DOM 使用：document.forms.name）。 | |
| novalidate | 规定浏览器不验证表单。在提交表单时不应该验证 form 或 input 域。 | 布尔属性，不用写值 |
| target | 规定 action 属性中地址的目标 | （默认：_self）。_blank |
| onsubmit | 表单中的确认按钮被点击时，执行值中的代码 | 函数 |
placeholder 属性
placeholder 属性规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。
该提示会在用户输入值之前显示在输入字段中。输入文本后消失。
<input type="text" name="fname" placeholder="First name">
