Web开发基础（读书笔记）

读书笔记：简单+基础

HTML(hyper Text Markup Language,超文本标记语言)

URL（Uniform Resource Locator，统一资源定位器）构成3部分：协议/主机DNS名/文件名。

HTML对大小写并不敏感

HTML标记（基本标记/表格标记/表单标记）

表单

 <form></form> 表单标记
 <input></input> 输入标记
 <select></select> 选择下拉框
 <option></option> 下拉框中的选项

1.

<form action="checklogin.jsp" method ="POST">

action 用来指明处理该表单数据的程序所在位置，method用于指明传送资料的方式，可选值有POST和GET。POST允许传送大量的资料，提交的信息不会显示在地址栏中，而GET方式只接受低于1KB的资料，提交信息会显示在浏览器地址栏中。

2.

type表示输入方式

<input type="text" > 表示单行文本输入框
<input type="radio" > 表示单选框
<input type="checkbox" > 表示复选框
<input type="password" > 表示密码输入框
<input type="submit" > 表示提交按钮

JavaScript

JSP中java在服务器端运行的程序，编译在执行，而JavaScript·是在客户端运行的程序代码，由客户端浏览器解析执行

<script language="JavaScript">

</script>

JavaScript中的事件常用的有单击事件/改变事件和选中事件等

Web信息交互

在HTML中主要是通过窗体对象（Form）与JavaScript 进行交互。

窗体对象（Form）构成了Web页面的基础元素，通常一个Web页面可以有一个窗体或几个窗体，使用Forms[]数组来实现不同窗体的访问，窗体对象最主要的功能就是能够直接访问HTML文档中的窗体。

窗体对象的基本元素由按钮/单选按钮，复选按钮，提交按钮，重置按钮及文本框等组成，方法/事件与属性（见书表）。在JavaScript中要访问这些基本元素，必须通过对应特定窗体元素的数组下标或窗体元素名来实现。每个元素要通过该元素的属性或方法才能引用。

正则表达式就是用来表述模式匹配的规则

正则表达式由两种字符构成。一种是元字符，元字符是指“\|()[]{}-^$*?.+”,这些字符用来限定一定的格式；除了元字符意外的其他字符都是基本字符。在正则表达式中，元字符不能直接作为模式的一部分。需要进行转义（前面加反斜杠）

“.”是出换行符外任意一个字符，“|”或的意思，“[]”结合使用是表示某特定类型的字符，例如[dzy]等价于d|z|y，表示可以是d,z,y这三个自负这个三个字符中的任意一个。“-”表示一段范围，“$”表示模式必须出现在目标串的结尾，如“un$”表示以un结尾的字符串，“^”表示除了指定类型意外的字符，“()”结合使用表示一个字模式，“?*+”是数量限定符，“?”是0个或1个，“*”是0个或多个，“+”表示1个或多个，“{}”大括号结合使用表示匹配的次数。形如“{n,m}”表示匹配至少n次，最多m次。

小结（略）

为了安全起见，咋JavaScript验证数据合法性规则的同时，同样需要在服务器端应用做出验证。