html重拾记录

最新推荐文章于 2019-11-03 11:19:32 发布

狂奔的CD

最新推荐文章于 2019-11-03 11:19:32 发布

阅读量419

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/kkae8643150/article/details/52355665

版权

web 专栏收录该内容

36 篇文章 3 订阅

订阅专栏

以下内容都来自，w3school。选取重点作为笔记

应对禁用js时的方案

<noscript>Your browser does not support JavaScript!</noscript>

应对老式浏览器没法识别 <script> 标签

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>

html<head>中的元素介绍：<title>、<base>、<link>、<meta>、<script> 以及 <style>。

title就不说了

HTML <base> 元素

<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：

<head>
<base href="http://www.w3school.com.cn/images/" />
<base target="_blank" />
</head>

HTML <base> 元素

<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：

<head>
<base href="http://www.w3school.com.cn/images/" />
<base target="_blank" />
</head>

URL 编码示例

字符	URL 编码
€	%80
£	%A3
©	%A9
®	%AE
À	%C0
Á	%C1
Â	%C2
Ã	%C3
Ä	%C4
Å	%C5

URL 只能使用 ASCII 字符集来通过因特网进行发送。

由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。

URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。

URL 不能包含空格。URL 编码通常使用 + 来替换空格。

<!DOCTYPE> 声明

<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。

版本	年份
HTML	1991
HTML+	1993
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML 1.0	2000
HTML5	2012
XHTML5	2013

form表单介绍http://www.w3school.com.cn/html/html_forms.asp

<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8"
ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
.
form elements
 .
</form>

属性	描述
accept-charset	规定在被提交表单中使用的字符集（默认：页面字符集）。
action	规定向何处提交表单的地址（URL）（提交页面）。
autocomplete	规定浏览器应该自动完成表单（默认：开启）。
enctype	规定被提交数据的编码（默认：url-encoded）。
method	规定在提交表单时所用的 HTTP 方法（默认：GET）。
name	规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate	规定浏览器不验证表单。
target	规定 action 属性中地址的目标（默认：_self）。

form表单元素<select>下拉列表

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

form表单 h5新增元素<datalist>下拉列表

<form action="action_page.php">
<input list="browsers">
<datalist id="browsers">
   <option value="Internet Explorer">
   <option value="Firefox">
   <option value="Chrome">
   <option value="Opera">
   <option value="Safari">
</datalist> 
</form>

html input属性及h5新增特性可以到w3school上查询

HTML5 为 <input> 增加了如下属性：

autocomplete 记录输入历史，自动补全
autofocus 默认聚焦
form 指定所属表单
formaction 覆盖 <form> 元素的 action 属性。
formenctype 指定编码，覆盖 <form> 元素的 enctype 属性。
formmethod 覆盖 <form> 元素的 method 属性。
formnovalidate 同上
formtarget 同上
height 和 width 仅用于 <input type="image">，指定图片尺寸
list list 属性引用的 <datalist> 元素中包含了 <input> 元素的预定义选项
min 和 max 适用于如需输入类型：number、range、date、datetime、datetime-local、month、time 以及 week
multiple 允许用户在 <input> 元素中输入一个以上的值,适用于以下输入类型：email 和 file
pattern (regexp) 检查 <input> 元素值的正则表达式
placeholder 类似hint
required 必须填写
step 规定 <input> 元素的合法数字间隔，number、range、date、datetime、datetime-local、month、time 以及 week

并为 <form> 增加如需属性：

autocomplete 记录输入历史，自动补全
novalidate 提交表单不验证

<form action="action_page.php" novalidate>
   E-mail: <input type="email" name="user_email">
   <input type="submit">
</form>

狂奔的CD

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html重拾记录

以下内容都来自，w3school。选取重点作为笔记应对禁用js时的方案Your browser does not support JavaScript!应对老式浏览器没法识别标签document.write("Hello World!")//-->html中的元素介绍：、、、、以及。title就不说了HTML 元
复制链接

扫一扫