HTML——54. form元素属性

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>form元素属性</title>
	</head>
	<body>
		<!--form标签用于创建一个表单,会将里面的内容一起发送服务器,结构类似于表格-->
		<!--表单中的其它元素都要包含在form标签中-->
		<!--form元素属性:-->
			<!--1.必须,action指定表单发送的地址(服务器地址)-->
			<!--2.method:表单数据发送至服务器的方法,常用的有两种:get/post,默认:get-->
			<!--3.name:用来为当前表单定义一个独一无二的名称,当你一个页面有多个表单,那么每个表单定义的名称不能一样,用于控制表单与后台程序之间的关系-->
			<!--4.novalidate:设置数据提交时(表单通常会对数据进行验证),在novalidate是表单不对数据进行验证,而直接发送。通常不会用到-->
			<!--5.target:设置目标窗口打开方式,target="_blank" ,打开新窗口。target属性通常不会用到-->
		
		<form action="https://www.51zxw.net" method="get" name="51zxw" >
			<input type="text" name="myname" id="uname" value="请输入..." />
			<input type="submit" value="发送" />			
		</form>
		
	</body>
</html>

以get方式发送的数据会跑到地址栏的后面

相关推荐
ZC跨境爬虫9 小时前
跟着 MDN 学CSS day_37:(从文档流到粘性定位的底层原理)
前端·javascript·css·ui·html
ZC跨境爬虫10 小时前
跟着 MDN 学CSS day_40:(Flexbox实战技能测试)
前端·css·ui·html·tensorflow
LaughingZhu14 小时前
Product Hunt 每日热榜 | 2026-05-31
前端·人工智能·经验分享·搜索引擎·chatgpt·html
Xp0219110314 小时前
知网研学、万方、WPS、大以论文四大排版工具横评,新用户免费排版等你领!
前端·css·html·生活·wps·论文排版
江湖伤心人14 小时前
工具分享--IP与域名提取工具3.0
html·蓝队监测
new【一个】对象14 小时前
前端的概述
html
ZC跨境爬虫15 小时前
跟着 MDN 学CSS day_42:等分轨道、层叠放置与混合布局
前端·javascript·css·ui·html
神奇的代码在哪里15 小时前
【单机离线版】大学考试题库复习工具:前端离线Excel解析 + localStorage持久化 + Playwright
前端·html·ai编程·题库复习·刷题软件·大学考试
神奇的代码在哪里15 小时前
【单机离线版】excel转json软件,纯HTML+JS零依赖实现Excel转JSON工具,一个index.html搞定所有转换!
html·json·excel·excel转json·xlsx转json·xls转json
lolo大魔王16 小时前
Gin 框架响应格式与 HTML 模板渲染完整实战教程
前端·html·gin