javascript中的form用法

JavaScript08

javascript中的form用法,第1张

定义和用法

<form>标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

<form>标签支持所有的浏览器。

例子

<form action="form_action.asp" method="get">

  <p>First name: <input type="text" name="fname" /></p>

  <p>Last name: <input type="text" name="lname" /></p>

  <input type="submit" value="Submit" />

</form>

存在问题两个:

1、在onclick中调用js不要使用javascript:前缀

2、代码不要换行。

我修改后的代码：

<input type="button" name="submit" value="查看密码和姓名" onclick="alert('姓名'+form1.textfield.value+'密码'+form1.textfield2.value)"/>

可以运行效果

第2段代码:

getElementById属于document对象的方法，而不是属于window对象，所以不可以省略对象。

正确写法：doument.getElementById("form1")

可以手动构建一个FormData进行表单提交，代码如下：

var form = new FormData()

//添加参数

form.append('name', 'jack')

form.append('age', 20)

//使用xmlhttprequest发起请求

var xhr = new XMLHttpRequest()

xhr.open('post', '这里添上请求的url', true)

xhr.onreadystatechange = function() {

    if(xhr.readyState == 4) {

        //成功

    }

}

//执行请求

xhr.send(form)