当前位置: 首页 > article >正文

HTML——73.button按钮

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>button按钮</title>
	</head>
	<body>
		<!--button按钮:
			1.button按钮type属性:可以设置三个值,submit/reset/button,含义和input按钮一样
			2.input的属性如name/vlue/disable属性,button按钮也可以有这些属性且用法一样
			3.button标签是双标签所以可以进行更加复杂的样式设计
			4.注意:一般在表单中请使用input按钮,在表单外使用button按钮。
			
			-->
		
		
		
		<form action="https://www.51zxw.net" method="get">
			<input type="text" name="abc" />
			<br />
			<input type="submit" value="提交按钮"/>
			<input type="reset" value="重置按钮"/>
			<input type="button" value="普通按钮"/>
			<br />
			<br />
			<br />
			<br />
			<button type="submit"></button>
			<button type="submit">提交</button>
			<button type="reset">重置</button>
			
			<button type="submit" style="border-radius:50% ; overflow: hidden; border: none; width: 50px;height: 50px;padding: 0;">
				
				<img src="btn.jpg" width="50" height="50"/>
			
			</button>
		</form>
		
		
	</body>
</html>


使用button制作的按钮不能正常提交表单中的内容,点击button按钮只能启动 一段 js 程序,

在这里插入图片描述


http://www.kler.cn/a/467908.html

相关文章:

  • ArkTs 状态管理装饰器
  • 深入理解 JavaScript 立即执行函数表达式(IIFE)
  • axios和fetch的实现原理以及区别,与XMLHttpRequest的关系,并结合react封装统一请求示例
  • qt鼠标右键菜单
  • Swift White Hawkstrider
  • Android12 App窗口创建流程
  • api接口技术开发按图搜索商品api轻松查询获取商品信息返回值结构
  • 基于Spring Boot的便民医疗服务小程序
  • Java 控制台彩色输出工具类详解
  • ChatGPT最新版本“o3”的概要
  • 浙江中医药大学携手云轴科技ZStack荣获“鼎信杯”金鼎实践奖
  • uniapp视频首页页面
  • ts是什么、tsc是什么、tsx是什么、jsx是什么、scss是什么
  • WordPress新安装只安装主题后发现只有首页能打开,其他路由页面都是404,并且Elementor都打不开
  • 腾讯云智能结构化 OCR:驱动多行业数字化转型的核心引擎
  • 全方位沉浸式音响体验——利用汽车结构件作为发声体提升车内音质引言
  • NLP 技术的突破与未来:从词嵌入到 Transformer
  • Android XR:Google在扩展现实领域的第二次起航
  • 五类推理(逻辑推理、概率推理、图推理、基于深度学习的推理)的开源库 (一)
  • 力扣--343.整数拆分
  • RAG(Retrieval-Augmented Generation,检索增强生成)流程
  • 【leetcode100】二叉树的直径
  • 正则表达式在JSON里报错
  • .NET框架用C#实现PDF转HTML
  • 下载linux aarch64版本的htop
  • 对一段已知行情用python中画出K线图~