标签式按纽

最新推荐文章于 2025-11-25 12:54:41 发布

原创最新推荐文章于 2025-11-25 12:54:41 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#class #div #function #border #button #microsoft

JavaScript 专栏收录该内容

136 篇文章

订阅专栏

该博客展示了一段代码，运用HTML和JavaScript实现标签式按钮。通过定义样式类控制按钮外观，利用JavaScript函数切换按钮状态和显示对应内容，还包含确定、取消等按钮，实现了基本交互功能。

代码如下:

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<style type="text/css">

</style>
<title>标签式按纽</title>

</head>

</td>
</tr>
</table>
</div>
</td>
</tr>
</center>
<tr>
<td width="398" height="37" colspan="8" style="border-top-style: solid; border-top-width: 0; padding: 5">
<p align="right"><input type="button" value="确定" name="_ok" style="width: 60;height:22" class=up>
<input type="button" value="取消" name="_cancel" style="width: 60;height:22" class=up onclick="window.close();">
<input type="button" value="应用(A)" name="_apply" style="width: 60;height:22" disabled class=up>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]