【技术重温】html之重点（三）

请注意：我们混合了HTML5扩展的标签或控件来描述，从定义上来说，HTML5是HTML4的一个更高一级的版本

部分html5扩展的控件还无法被最新的浏览器完全支持（IE至少要到9以上才支持部分）
    color        //最新浏览器正常支持
    date        //最新浏览器正常支持
    datetime
    datetime-local
    email        //最新浏览器正常支持
    month
    number    //最新浏览器正常支持
    range        //最新浏览器正常支持
    search
    tel
    time
    url            //最新浏览器正常支持
    week

如果对侧重考虑对老版本浏览器的兼容性，还是必要通过js实现

不过，现在很多网站的做法是检测浏览器的版本如果没有达到要求则直接提示浏览器不支持要求用户升级等信息

技术重点021：

input text文本框的默认宽度是 20 个字符。

技术重点022：
表单submit，如果onSubmit相应函数返回false则不会提交
<form action="/demo/demo_form.asp" onSubmit="return false;">
表单submit，如果要正确地被提交，每个输入字段必须设置一个 name 属性。


技术重点023：
GET METHOD最适合少量数据的提交。浏览器会设定容量限制（最好不要超过1024字节）。


技术重点024：
<fieldset> 元素组合表单中的相关数据，fieldset内部的内容都会被包含在同一个框内显示
<legend> 元素为 <fieldset> 元素定义标题。


技术重点025：
<form> 属性的列表：
accept-charset     规定在被提交表单中使用的字符集（默认：页面字符集）。
action     规定向何处提交表单的地址（URL）（提交页面）。
autocomplete     规定浏览器应该自动完成表单（默认：开启）。
enctype     规定被提交数据的编码（默认：url-encoded）。
method     规定在提交表单时所用的 HTTP 方法（默认：GET）。
name     规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate     规定浏览器不验证表单，这里的验证是一些控件本身自带的验证，比如number默认是会验证是否为数字，但如果设置了novalidate，则不会验证
target     规定 action 属性中地址的目标（默认：_self）。


技术重点026：
<datalist> 元素为 <input> 元素规定预定义选项列表。用户会在他们输入数据时看到预定义选项的下拉列表。
<input> 元素的 list 属性必须引用 <datalist> 元素的 id 属性。

技术重点027：

不被识别的控件标签不被显示，但如果包含文本内容，文本内容还是会显示的

<yyy type="xxx" οnclick="alert('Hello World!')">Click Me!</yyy>
另外需要注意，大多数浏览器本身针对即使不认识的标签也是支持onClick事件的

技术重点028：
老式 web 浏览器input控件不支持的输入类型，会被视为输入类型 text。


技术重点029：
html5扩展的属性目前基本都被正常支持（IE 9以上版本）

技术重点030：
disabled 属性规定输入字段是禁用的。
被禁用的元素是不可用和不可点击的。
被禁用的元素不会被提交。