JavaScript表单

最新推荐文章于 2022-03-04 20:24:28 发布

VIA570

最新推荐文章于 2022-03-04 20:24:28 发布

阅读量1.2k

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_63680062/article/details/122898337

版权

本文介绍了JavaScript如何操作HTML表单，包括获取表单及元素、使用不同方式提交表单，以及利用Ajax异步提交。重点讲解了获取input元素、下拉框的选择，并强调了表单提交时的校验与控制。

摘要由CSDN通过智能技术生成

JS 表单

1. 获取表单

1. document.表单name属性值
2. document.getElementById(表单id)
3. document.forms[表单name属性值]
4. document.forms[索引]	//从0开始
5. document.forms        //取所有表单

例如：

<body>
    <form id="myform" name="myform"></form>
</body>

<script>
    var a = document.myform;
    var b = document.getElementById(myform)
    var c = document.forms["myform"]
    var d = document.forms[0]
    var e = document.forms
</script>

2. 获取表单元素

2.1 获取input元素

1. document.getElementById("id属性值")
2. 表单对象.表单元素的name属性值
3. document.getElementsByName("name属性值")
4. document.getElementsByTagName("标签名/元素名")

<form>
    姓名: <input type="text" id="q" name="uname" value="zhangsan" /><br />
    密码: <input type="password" id="npwd" name="npwd" value="54321" /><br />
    性别: <input type="text" id="usex" name="usex" value="男"/><br />
    说明: <textarea name="intro"></textarea><br />
    <button type="button" onclick="getTxt()">获取表单元素</button>
</form