HTML相关知识和经验的碎片化记录

1、标签input在type="file"时，name是必须属性

  <form id="MainFileUpload" name="MainFileUpload" enctype="multipart/form-data">
 　　<div class="cls_MainFileUpload">
 　　　　<div class="cls_MainFileUpload2">
  　　　　<img id="MainFileUploadBtnImg" class="cls_MainFileUploadBtnImg" alt="" src="" />                                                                                                 　　　　<input class="cls_FileUpload" type="file"" id="{0}_FileUpload" name="FileUpload"/>
   　　　</div>
  　</div>
  </form>

标签input在type="file"时，name是必须属性，如果没有name属性，那么在表单提交时，文件不能被提交（即上传）

2、设置页面中文本不能被选中

<div class="" onselectstart="javascript:return false;" unselectable="on"><p>自编题目</p></div>

3、解决文本框刷新后之前输入的值还存在，没有清空的问题

有过表单设计经验的朋友肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，
以后每次只要双击 input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，
但有时也会暴露用户的隐藏数据，所以今天就教大家让input表单输入框不记录输入过信息的方法。
其实方法很简单，只需要在input文本输入框中加一条属性autocomplete="off"即可。
input 的属性autocomplete 默认为on，其含义代表是否让浏览器自动记录之前输入的值；
很多时候，需要对客户的资料进行保密，防止浏览器软件或者恶意插件获取到，可以在input中加入autocomplete="off"来关闭记录；

另外，如果整个表单都不想让浏览器自动记录之前输入的值，我们可以给from表单加上，这样整个表单都不会记录用户输入的值。

4、HTML块级元素和内联元素区别详解

块级元素(block)特性：
　　1、总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示
　　2、宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制
　　3、块级元素主要有：address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li

内联元素(inline)特性：
　　1、和相邻的内联元素在同一行
　　2、宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变，就是里面文字或图片的大小
　　3、内联元素主要有：a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup ,textarea , tt , u , var

可变元素(根据上下文关系确定该元素是块元素还是内联元素)：applet ,button ,del ,iframe , ins ,map ,object , script

CSS中块级、内联元素的应用：利用CSS我们可以摆脱上面表格里HTML标签归类的限制，自由地在不同标签/元素上应用我们需要的属性。
　　主要用的CSS样式有以下三个：
　　　　display:block -- 显示为块级元素
　　　　display:inline -- 显示为内联元素
　　　　dipslay:inline-block -- 显示为内联块元素，表现为同行显示并可修改宽高内外边距等属性

　　我们常将<ul>元素加上display:inline-block样式，原本垂直的列表就可以水平显示了。

......