javaScript的表单提交事件怎么用

javaScript的表单提交事件怎么用,第1张

简单写个 counter.html

---------------------------------------------------------------

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<form id="form1" name="form1" method="post" action="">

<label>

用户名:

<input type="text" name="name" id="textfield" />

密码:

<input type="text" name="pass" id="textfield2" />

----------------------javaScript提交--------------------

<script language="javascript">

function getValue()

{

document.form1.onsubmit

document.form1.action="LoginServlet"// 提交的路径 这里是一个Servlet的名称

}

</script>

<input type="submit" name="button" id="button" value="提交" onclick="getValue()" />

</label>

</form>

</body>

</html>

---------------------------------------------------

你通过servlet得到 你输入的用户名 和密码 然后跳转去result.html输出你的用户名和密码

servlet 里内容

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

String name=request.getParameter("name")//得到你输入用户名

String pass=request.getParameter("pass")//得到你输入的密码

request.setAttribute("name", name)//保存用户名

request.setAttribute("pass", pass)//保存密码

RequestDispatcher dispatcher=request.getRequestDispatcher("result.html")//请求转发去result.html页面

dispatcher.forward(request, response)

}

------------------------------------

在result.html页面获得你保存的用户名和密码

String name=request.getAttribute("name")

String pass=request.getAttribute("pass")

输出就可以了

-------------大致就这个意思了------------

在处理表格的时候,我们关心表单中的信息一般有:

• 表单中元素的值。

• 表单元素触发的事件。(如改变元素的值,鼠标移出和移入元素都是元素的事件。)

• 表单本身的事件,主要是提交表单的 *** 作。

对于常用的表单元素,我们有必要了解它的常用属性和事件,下面来分别介绍下:

文本框:

主要属性:

value:通过value属性我们可以获取和设置文本框中的内容。

主要事件:

onfocus:当进入元素的时候触发。

onblur:当离开元素的时候触发。

onchange:当文本框内容发生改变时触发。

onkeypress:键盘按键被按下并释放一个键时触发。

onkeydown:键盘按键被按下触发。

onkeyup:键盘按键被释放触发。

复选框和单选框:

主要属性:

value:checked:获取选项是否勾选,值为true和false。

主要事件:

onclick:选框被点击时触发。

onchange:checked的值改变时触发。

下拉框:

主要属性:

type:获取下拉框的类型(单选或多选)。

selectedIndex:获取被选中选项的序号。

options[x].selected:获取特定选项是否被选中,x为序号。(selectedIndex一般用于单选的下拉框。option[x].selected一般用于可以多选的下拉框。)

主要事件:

onchange:下拉框中被选中的选项改变时触发。

有一个教程网 站-秒秒学上,看下相关的知识,上面讲解得可以。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11962365.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存