Web 开发和HTML

  一.HTML

  1.JSP程序是在HTML中的合适位置插入Java代码;

  2.B/S模式下的Web程序与客户的交互通过客户端的HTML表单<form>提交信息,在客户端采用JavaScript对客户的信息数据进行验证,响应用户事件;掌握Web信息交互的方法至关重要;

  3.HTML是一种描述网页的标记语言,已经有文本,HTML用于如何将文本格式化,HTML用于定义网页中的文本和图形的格式,以及指向其他网页的连接;

  4.HTML的结构

    (1)包括文档头<head>包括标题以及导入样式表信息</head>和文档体<body></body>

    (2)<html></html> <head></head> <body></body> <p></p>段落标记 <hr></hr>水平线标记 <a></a> 链接标记 <img></img>图形标记 <table></table>表格标记 <tr></tr>新的一行 <td></td>新的一个单元格

    (3)<form></form> 表单标记,其他表单标记在其内才有效

            表单可以和JavaScript进行交互

          在Web应用中,HTML通过表单与网页动态程序(JSP)交互,

          参数action指定处理该表单数据的程序所在的位置

          参数method表明传送资料的方式 POST(传送大量资料) GET

        主要的表单标记有

         <input> type类型  Text radio checkbox password submit 

 

二. JavaScript

    1.一种脚本语言,结构简单,代码可以直接放入HTML文档中,可以在支持JS的浏览器中直接运行,不需要Web 服务器,javaScript编写的程序可以捕获事件,并对事件作出反应,使得网页的交互性更强。

 

三. Web 信息交互

  HTML中通过Form与JS进行信息交互

  Form是窗体对象,一个Web页面可以有一个窗体或者几个窗体,窗体对象可以直接访问Web页面中的窗体,Form对象可以直接访问Web页面中的窗体

  Form窗体对象的基本元素:test,select,button,checkbox,radio,hidden,password,submit等构成,在JS中要访问这些基本元素,必须通过对应窗体元素名来实现,每一个元素都要通过该元素的属性或者方法才能引用,不能够直接用窗口加元素名就引用了

  HTML通过表单与JSP程序代码进行交互,向服务器提交信息,服务器根据用户提交的信息作出相应,主要使用JSP中的response,request对象

 四. 在客户端和服务器端分别对用户数据进行验证

      JS的代码非常简单,在客户端浏览器中就可以解析执行

      但是有的浏览器禁用脚本执行,直接通过URL将表单数据提交目标页面,从而绕开JS的脚本验证,会带来安全隐患

       

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值