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>

上一篇:php表单笔记


下一篇:认真学习css3--01-全是日志没有技术内容