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

相关推荐
听风吹等浪起31 分钟前
html5:从零构建经典游戏-扫雷游戏
前端·html·html5
代码不行的搬运工1 小时前
HTML快速入门-4:HTML <meta> 标签属性详解
java·前端·html
埃兰德欧神3 小时前
三分钟让你的H5变身‘伪原生’,揭秘H5秒变应用的魔法配置
javascript·html·产品
秋天的一阵风5 小时前
突发奇想:border: 0 和boder: none 有区别吗?🤔🤔🤔
前端·css·html
2401_890665866 小时前
免费送源码:Java+ssm+HTML 三分糖——甜品店网站设计与实现 计算机毕业设计原创定制
java·python·微信小程序·html·php·课程设计·android-studio
程序员Bears7 小时前
HTML5 新特性详解:语义化标签、表单与音视频嵌入
前端·html·html5·visual studio code
前端大白话7 小时前
揭秘 HTML 可拖动元素及拖放功能:HTML5 API 大起底
前端·javascript·html
yuanyxh9 小时前
过去一年的工作总结
前端·javascript·html
大G哥18 小时前
PHP标签+注释+html混写+变量
android·开发语言·前端·html·php
whoarethenext18 小时前
html初识
前端·html