获取form表单元素值的４种方式

最新推荐文章于 2023-12-27 10:36:25 发布

penghuaiyi2008

最新推荐文章于 2023-12-27 10:36:25 发布

阅读量2.2k

点赞数

分类专栏： JavaScript总结文章标签： Java

JavaScript总结专栏收录该内容

44 篇文章

订阅专栏

本文展示了一个简单的HTML页面，该页面包含一个表单用于输入网元名称，并使用JavaScript进行表单验证。当用户点击提交按钮时，会弹出输入框中所填的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<html>
<head>
<title></title>
<script type="text/javascript">
 function checkForm(){
   var name=document.form1.number.value; //or form1.number.value
   var name=document.forms[0].number.value;
   var name=document.forms[0]['number'].value;
   var name=document.form1['number'].value //or form1['number'].value
   alert(name);

 }
</script>
</head>
<body>
<form name="form1" method="post" action="">
网元名称:<input type="text" name="number" size="20">
<br>
<input type="submit" value="提交" onClick="checkForm()">
</form>
</body>
</html>