HTML 表单

来源:互联网 发布:淘宝秒杀技巧软件下载 编辑:程序博客网 时间:2024/05/17 03:15

所有表单必须放在<form></form>里面,属性:

name="" action=""(不写默认使用当前页面) method=""(默认get方法,get方法提交的数据会附加到URL后面,安全性低,但是它的长度是有限制的,8192,不能传送非ASCII码字符) target="" title=""(出现小图标,对于任何标记都可以用,就想img中的alt属性一样) ectype=""(指定浏览器使用哪种编码方法将表单数据传送给WEB服务器,文件上传的时候必须采用multipart/form data)

输入框<input>,属性:

type=""(text, password, submit, reset, button[可以配合JS,onclick=""], image[src="图片位置",和提交按钮功能差不多,不过提交数据后面会加上鼠标点击的XY坐标], hidden[不显示在网页中,但是用get方法提交时,会显示在URL后面], file[文件上传,表单方法必须采用post,ectype必须是multipart/form data])

name="" size="" maxlength=""(字符的长度限制) readonly(只读) value=""

- 复选框,name可以取得不一样,也可以都设的一样(提交一个数组)

<input type="checkbox" name="" value="" checked>

<input type="checkbox" name="" value="">

<input type="checkbox" name="" value="">

......

-单选框,要确保是一个组的(通过name保证)

<input type="radio" name="" value="" checked>

<input type="radio" name="" value="">

<input type="radio" name="" value="">

......

-下拉列表

<select name="" size="">

<option value="" selected></option>

<option value=""></option>

......

</select>

-多选列表,只需要在select标记中加上multiple属性

-多行文本输入区域

<textarea cols="" rows="" name="" wrap=""></textarea>

wrap为hard的话表示一句话到头才换行,而soft表示一个词不能容得下,就从这个词开始换行

- 快捷键

<label for="某个作用域,如下拉列表的name" accesskey="快捷键">

============================================================================

  • 一些概念

XHTML: 符合XML标准的HTML

DHTML: 动态HTML

本地路径:本台主机上的,不提倡

绝对路径:某个网站上的

相对路径:相对于当前URL,../表示上层路径,最前面带/表示当前站点的根路径


URL:统一资源定位符,我们可以通过它来获取资源,协议://主机/资源

URN:统一资源名称,持久可用的资源标准名称,是独一无二的,比如99999@gmail.com。命名规则是 协议名称:类型数据

URI:统一资源标识符,包含URL和URN,URL不过是URI的一个特例。URI有三个部分:1. 访问资源的命名机制 2. 存放资源的主机名 3. 资源本身的名称,由路径表示

[scheme:] scheme-specific-part,像http就是scheme,而//www.baidu.com就是scheme-specific-part,之间被:隔开

有的URI只需一个资源的内部,这种URI以#结束,并跟着一个anchor标识符(称为片段标识符)

URN比作身份证,URL像地址,URI是个人识别方式,就像我们可以使用一个独一无二的URN标记表示操作某个动作,但是这个动作具体怎么操作的文件可以由URL来获取~


URI用来标识一个事物,URL用来定位一个事物(很明显同样具有标识一个事物的功能),所以每个URL都是URI,而每个URI并不一定是URL,比如:

- Taylor Swift

名字像一个标识URI,但不是URL,因为我们不能根据它知道如何找到Taylor Swift

- 英国伦敦白教堂区高街47号

我们可以根据位置来标识住在这里的人,所以即像URI,也想URL

Note: 以上说的是”像“,而不是”是“


Reference:

1. http://kb.cnblogs.com/page/90838/

2. http://www.vaikan.com/whats-the-difference-between-a-uri-and-a-url/


0 0