2015年10月16日HTML标签表单笔记

textarea只是纯文本编辑框，要想输入各种样式的文本、图片、表格等需要使用“富文本编辑框”。html4暂无富文本编辑框，可使用第三方工具实现此效果。

<textarea></textarea>这两个中间要不放内容，若是不放内容，那么要紧挨着，这样在前台文本框里显示的光标才能在最前端，而不会无端空很多格。

上传头像功能：

<input type=”file”/>

表单中实现文件上传必须满足条件：

1. 表单中使用<input type=”file” name=””/>选择文件
2. 表单必须使用post比较method=”POST”
3. 表单的编码类型必须声明为enctype=”multipart/form-data”

enctype:EncodedType表单中提交的数据的编码类型，可取值：

text/plain表单数据不做任何编码，直接上传，这个很少用

application/x-www-form-urlencoded这个是默认值，是将表单数据（中文、特殊符号）编码之后再上传，这种方式只能对字符进行编码，不能对字节数据编码。

multipart/form-data以一种特殊的格式上传字符以及字节数据，这个最常用。

<fieldset></fieldset>输入域集合，也就是一个大框将里面的内容框在里面显示。

<legend></legend>输入域集合的标签名，它可以在里面取名字，显示为上框线中出现字。

html中的按钮

（1）<button></button>在表单外调用一个js函数时使用

（2）<input type=”button” value=””/>在表单内调用一个js函数时使用，这个为常用，可以使用value来指定值，但是不需要使用name来提交按钮上的信息。

（3）<input type=”submit” value=””/>在表单内提交表单，可以使用value来指定值，但是不需要使用name来提交按钮上的信息。

（4）<input type=”reset” value=””/>在表单内重置所有信息，可以使用value来指定值，但是不需要使用name来提交按钮上的信息。

（5）<input type=”image” src=””/>在表单内显示一个图片按钮，可用于提交表单，作用于<input type=”submit”/>一样。

<iframe></iframe>在当前页面中嵌入另一个页面

如果怕有的浏览器不支持嵌入页面，那么需要声明一下。但是普遍浏览器是都支持的。<iframe src=”” width=”” height=”” style=”border=0”>您的浏览器不支持嵌入式页面</iframe>

html5新增的几个标签

<details></details>详情

<summary></summary>详情的概要

<meter></meter>度量衡

<time></time>为网页内容添加日期和时间信息

<mark></mark>