HTML 表单
2015-07-30 14:39
387 查看
所有表单必须放在<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/
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/
相关文章推荐
- HTML <meta> 标签
- HTML 的超链接 a 标签中如何设置其宽度和高度
- html-01
- HTML <link> 标签的 rel 属性
- 将PDF转换成html格式文件的方法
- html<textarea>标签
- 【工作笔记0006】C#调用HtmlAgilityPack类库实现网页数据抓取
- XHTML
- 深入学习Html DOM树的操作
- html 按钮的三种形式
- html编写的过程中,为什么font设置属性的时候,第二个属性不起作用
- 【HTML】DAY 3
- html,xml,xhtml,文档类型,网页关键字和网页描述
- html表格、表单元素、img标签、图像映射技术、html4引入flash
- html基本字体元素,排版标签,列表元素,html字符实体,字符编码原理
- html 基础
- html中设置<hr/>的长度和粗细等属性
- HTMLParser介绍
- HTML元素的基本特性
- 7_29_html_表单和框架