Form标签

最新推荐文章于 2024-07-17 22:23:53 发布

CY-刘大大

最新推荐文章于 2024-07-17 22:23:53 发布

阅读量1.1k

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_48574360/article/details/116027653

版权

Form标签

一、定义和用法

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

表单能够包含input元素，比如文本框(text)、密码框(password)、多选框(checkbox)、单选框(radio)、提交按钮(submit)、重置按钮( reset)、文件上传(file)等。
表单还可以包含menus、textarea、fieldset、legend和label元素。
表单用于向服务器传输数据。
form元素属于块元素。

二、属性

属性	值	描述
accept-charset	charset_list	规定服务器可处理的表单数据字符集。
action	URL	规定当提交表单时向何处发送表单数据。
enctype	application/x-www-form-urlencoded、multipart/form-data、text/plain	规定在发送表单数据之前如何对其进行编码。
autocomplete	on、off	规定是否启用表单的自动完成功能。
method	get、post	规定用于发送 form-data 的 HTTP 方法。
name	form_name	规定表单的名称。
rel	external、help、license、next、nofollow、noopener、noreferrer、opener、prev、search	规定链接资源和当前文档之间的关系。
novalidate	novalidate	如果使用该属性，则提交表单时不进行验证。
target	_blank、_self、_parent、_top、framename	规定在何处打开 action URL。
accept	MIME_type	HTML 5 中不支持。

三、案例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表单</title>
</head>
<body>
<div>
<form action="2.tml" method="post">
	<p>请输入您的用户名：<input type="text" name="username" ></p>
	<p>请输入您的密&nbsp;&nbsp;&nbsp;码：<input type="password" name="pwd"></p><!-- &nbsp;表示空格 -->
	<p>
	请选择您的性别：
	<input type="radio" name="sex" value="男">男
	<input type="radio" name="sex" value="女">女
	</p>
	<p>
	请选择您的爱好：
	<input type="checkbox" name="body" value="打篮球">打篮球
	<input type="checkbox" name="body" value="看书">看书
	<input type="checkbox" name="body" value="听歌">听歌
	<input type="checkbox" name="body" value="玩游戏">玩游戏
	</p>
	<p>
	<input type="submit" name="提交">
	<input type="reset" name="重置">
	</p>
</form>
</div>

</body>
</html>

在这里插入图片描述

CY-刘大大

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
Form标签

From标签一、定义和用法二、属性三、案例一、定义和用法<from></from>标签用于为用户输入创建HTML表单。表单能够包含input元素，比如文本框、密码框、多选框、单选框、提交按钮、重置按钮、文件上传等。表单还可以包含menus、textarea、fieldset、legend和label元素。表单用于向服务器传输数据。form元素属于块元素。二、属性属性描述accept-charset规定服务器可处理的表单数据字符集。actio
复制链接

扫一扫