当前位置: html教程 > 03-表单标签 > 阅读正文

form标签

2021.6.25.   390 次   863字

form标签是常用的表单标签, 常用于快速提交数据到后端

语法

form表单标签通常要借助 input 标签

使用 action 指定发送的位置, 使用 method 指定方法, 使用 input的name属性和value作为发送的参数, 使用 input的 submit 属性提交表单

<!DOCTYPE html>
<html>
<body>

<form action="/demo/demo_form.asp" method="post">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form> 

<p>如果您点击提交,表单数据会被发送到名为 demo_form.asp 的页面。</p>

</body>
</html>

用法

1.指定请求的url

这里指的是action属性, 这个属性表示将数据发送到哪里

<form action="xxx" >
...
</form>

ps: 若action=””, 表示提交到当前页面, 这是php, jsp等页面中常用

2.指定请求方式

只有post和get两种方法, 如果不写默认是get

<form action="xxx" method="post">
...
</form>

3.指定编码类型

有一个比较常用的是 enctype, 它的全称是 encodingtype, 比如在java上传文件时, 就很常用到此属性, 属性有如下几种, 一般是multipart/form-data

  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain

4.指定表单校验

这里用的是onsubmit属性, 必须是 return xxx()

<form action="hello" onsubmit="return checkAll()">
	...
</form>

本篇完,还有疑问?

加入QQ交流群:11500065636 IT 技术交流群