disabled指当 input 元素加载时禁用此元素。input内容不会随着表单提交
readonly规定输入字段为只读。input内容会随着表单提交。
无论设置readonly还是disabled，通过js脚本都能更改input的value（亲测可以）。
表单提交的时候会触发什么DOM事件
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
pre 标签的一个常见应用就是用来表示计算机的源代码。
1.常见的块级元素(自动换行， 可设置高宽 )有：
div,h1-h6,p,pre,ul,ol,li,form,table,label等
2。常见的行内元素（无法自动换行，无法设置宽高）有：
a,img,span，i（斜体）,em（强调）,sub(下标)，sup（上标）等。
3.常见的行块级元素(拥有内在尺寸，可设置高宽，不会自动换行 )有：
(button,input，textarea,select), img等
4.label元素不会是浏览器默认的行块级元素，实践出真知
图1： input默认情况下可以设置可设置高宽，不会自动换行。但是label并没有变化（为了看的更加明显，所以给label加了边框）。
图1
图2：手动设置label的display属性为inline-block，才能实现可设置高宽，不会自动换行的效果。
图2
TextMode
