关闭

html重拾记录

111人阅读 评论(0) 收藏 举报
分类:

以下内容都来自,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> 




0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:49347次
    • 积分:902
    • 等级:
    • 排名:千里之外
    • 原创:43篇
    • 转载:1篇
    • 译文:0篇
    • 评论:28条
    文章分类
    最新评论