复选框:
一组checkbox都要设置成同样的name<input type="checkbox" name="组件名称" value="值" check="checked">显示文字
单选框
<input type="radio" name="组件名称" value="值" check="checked">显示文字
一组单选框必须设置成同样的name,否则就不是单选
文件上传
<input type="file" name="组件名称">
列表
multiple代表可以多选<select name="组件名字" size="显示列表的个数" multiple="multiple"> <option>下拉项目1</option> <option>下拉项目2</option> </select>
多行编辑文本
<textarea name="组件名称" rows="行数" cols="列数">默认文字</text>
JavaScript:
特点:
- 嵌入式网页
- 解释执行,用于输入验证与动态内容管理
- 语法类似于C/C++、Java,不支持面向对象编程的开发模型,但是可以使用对象的方法和访问
- 弱数据类型语言,不需要预先定义变量类型
- JS不能访问客户端文件,也不能进行网络通信。如果要进行网络通信需要使用特殊手段,比如Ajax
JS实例1:
JS可以嵌入在HTML中<input type="button" value="click" οnclick="alert("You Click!");">
JS实例2:
<script> document.write("<h2>Table Title</h2>"); for (i =1,fact=1;i<5;i++,fact*=i){ document.write(i+"!="+fact+"<br>"); } </script>
也可以用JS代码去生成HTML标签
嵌入方式:
- 直接嵌入,直接将代码写入<script>与</script>间
- 间接嵌入,比如
<script src="JS文件名"></script>
变量定义:
变量具有类型,却不用定义,如果变量没有赋值,则为undefined
JS语言调试较为困难
常用函数:
alert("提示内容");
answer = confirm("continue?");返回true或者false
answer = prompt("提示信息","默认文本");
函数调用:
function fun(){
函数体
}
函数没有返回类型,参数也不需要返回类型,因为JS是弱类型语言
形参和实参参数数目不一致也可以,多余的会舍弃,不够的用undefined补足
常用事件:
事件 属性 标签 说明 click onclick <a>,<input> 单击事件 submit onsumbit <form> 提交表单 reset onreset <form> 重置表单 load onload <body> 网页装载 unload onunload <body> 退出网页
文档对象模型(document):
文档对象模型以body为起点,body内的内容成为了一颗树。如果要访问组件就需要通过document通过.元素名的方式进行一步步的访问
比如:
name = document.myform.name.value;
这是通过document对象访问了myform表单中的name文本框内容的例子
document对象还可以使用getElementById("id");的方法通过id来找到组件,进行访问
οnsubmit="return fun();"通过return来决定是否提交表单,其中fun函数返回true则提交,false则不提交。
控件方法:
focus();聚焦控件
select();选择控件
JS还可以使用数组,对象,正则表达式,动态文档,还可以使用Ajax技术获得更好的交互
CSS:
HTML引用Css的样式,而本身HTML不设置任何外观,只关注与网页内容本身,只用<div>标签分层。
CSS的样式应用于div层,显示出多样的网页效果
JSP简介:
- JSP是嵌入Java代码的HTML。当访问JSP时,将JSP网页转换成JAVA代码,编译运行成用户最后看到的网页
- 由于服务器上执行JSP,所以JSP的网页可以动态变化,JSP归类于动态网页技术
- JSP可以访问服务器的文件和数据库,也可以访问客户端的输入数据、Cookie等
- 编译执行JSP的环境称为容器