1.表单提交方式<html>
- 使用<input:submit提交>
- 自己使用button写提交;
- 使用超链接提交 <a href="*****"?info1=111></a>来提交
2.HTML常用事件
- onclick
- <select> onchange
- onfocus obblur获得焦点,失去焦点
本章代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<form id="form1">
<input type="text" id="text1" name="info1" value="password!" onfocus="focus1();" onblur="unfocus1();">
<!--复习:有name属性的标签才能在提交的时候反映在url上面(这是get方法),post方法不可见,通过method属性设置-->
<input type="button" value="submit" onclick="formSubmit();">
</form>
<script>
var value="password!";
function formSubmit() {
//1.获取操作对象form
var objForm=document.getElementById("form1");
//2.提交需要一个action的属性
//objForm.setAttribute("method","post");//设置提交方式为post不可见信息
objForm.action="../test1.html";
objForm.submit();
}
/*实现点击文本输入框实现点击清除信息*/
function focus1() {
var textObj=document.getElementById("text1");
textObj.value=" ";
}
function unfocus1() {
var textObj=document.getElementById("text1");
textObj.value=value;
}
</script>
</body>
</html>
XML:可扩展标记型语言(extensiable markup language)
与html的区别:
- 支持中文标签
- xml是为了存储数据(实现数据库小型),html是为了显示数据
- 分为1.0和1.1版本,不能兼容;
用途:
- 不同系统之间数据的传输
- 用来作为配置文档
- 表示有关系的数据
- 有利于程序功能在模型层面的维护;
XML的语法:(Note:乱码问题,保存时候的编码和创建时候的编码必须一致)
- 文档声明:创建**.xml文件;文档声明 <?xml version='1.0' encode="gbk"?>
定义元素
//定义元素
1.包含标签主体
<person>张三</person>
2.不包含标签主体
<person/>
3.标签可以嵌套,但必须要合理 以stack的方式匹配
4.只能有一个根标签
5.xml中标签中的所有字符都是按原始字符处理
<aa>
ddddd
</aa>
上面的内容是 /ndddd/n;
6.XML是区分大小写的;
7.标签不能以数字和下划线开头的;
8.标签不能以XML,xml,Xml等等一系列的关键字开头;
9.标签中不能包含空格和冒号
定义属性
1.属性名称不能相同
2.一个标签可以有多个属性
3.属性名="属性值"(单双引号都可以)
例子
<person name="" value=''><person>
4.属性的命名规范和元素的命名规范是一致的;
注释:
1.和html的注释一样 <!--顶顶顶顶-->,注释不能嵌套
2.不能写在第一行;
特殊字符转义
特殊字符 | 转义 |
& | & |
< | < |
> | > |
" | " |
; | ' |
CDATA区:可以解决需要很多转义的文字
< ! [ CDATA [ 内容] ] >
PI指令:
作用:用来指示程序如何解析xml的文档
语法:
<?xml-stylesheet type="text/css" href="some.css"?>
<!--对于中文的标签不起作用-->