javascript当中document.forms的用法
2.document.forms
例 2.1(FormActionSubmitIEFF.html)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
/*
JavaScript syntax: - myObject.onclick = aHandler
HTML syntax: <A onClick="..."> <AREA onClick="..."> <HTMLTag onClick="..."> <INPUT onClick="...">
Form object (Object/HTML)
An object representing an HTML <FORM> tag.
*/
function clickH(actUrl)
{
/*Document.forms[] (Collection)
An array containing a list of all the forms in the document.*/
var fm = document.forms[0];
/*Form.action (Property)
A property that contains the submit action method for the <FORM>.
JavaScript syntax: - myForm.action
HTML syntax: <FORM ACTION="...">
*/
fm.action = actUrl;
/*Form.submit() (Method)
Invoke a form submit to the server.*/
fm.submit();
}
</SCRIPT>
</HEAD>
<BODY>
<FORM METHOD=POST>
<input name="name" type="text"/><br>
<input type="button" value="提交到第一个地址" onClick="clickH('1.htm?k=b')"/>
<input type="button" value="提交到第二个地址" onClick="clickH('2.htm')"/>
</FORM>
</BODY>
</HTML>
例 2.2(FormObjectReferenceIEFF.html)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<SCRIPT LANGUAGE="JavaScript">
<!--
function test()
{
var txt1 = document.forms[0].elements[0].value
var txt2 = document.regForm.username.value
var psw1 = document.forms[0].elements[1].value
var psw2 = regForm.psw.value;
with(document)
{
write("document.forms[0].elements[0].value-->"+txt1+"<br>")
write("document.regForm.username.value-->"+txt2+"<br>")
write("document.forms[0].elements[1].value-->"+psw1+"<br>")
write("regForm.psw.value-->"+psw2+"<br>")
}
}
更多内容请见原文,文章转载自:https://blog.csdn.net/qq_43650923/article/details/103046648
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义