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方式发送的数据会跑到地址栏的后面

相关推荐
EnCi Zheng2 小时前
M1-如何转换为HTML
前端·html
是上好佳佳佳呀4 小时前
【前端(一)】HTML 知识梳理:从结构到常用标签
前端·html
天若有情6735 小时前
前端HTML精讲02:表单高阶用法+原生校验,告别冗余JS,提升开发效率
前端·javascript·html
我命由我1234514 小时前
React Router 6 - 编程式路由导航、useInRouterContext、useNavigationType
前端·javascript·react.js·前端框架·html·ecmascript·js
anOnion14 小时前
构建无障碍组件之Tabs Pattern
前端·html·交互设计
我命由我1234516 小时前
React Router 6 - 嵌套路由、路由传递参数
前端·javascript·react.js·前端框架·html·ecmascript·js
肖。354878709419 小时前
[html-13]js检测文本中是否只有一个等号,换个思路。
html
ZhengEnCi20 小时前
M1-如何转换为HTML
python·html
进击的雷神1 天前
攻克JSON嵌套HTML的双重解析难题:基于多层数据提取的精准爬虫设计
爬虫·html·json·spiderflow
LJianK11 天前
vxe-table 的 checkbox复选框
前端·html