今天做程序的时候感觉HTML中的Input的按钮功能真的很弱,开始到处找资料怎么拓展关于Input中的功能。

看了很多大多都是采用JavaScript来拓展功能,本人JavaScript没基础。所以也没法说出个字丑午卯来!大家自己看吧。

这里所提供的都是很常用的按钮扩展应用知识。如果喜欢我的CTO博客请各位收藏一下。只要觉得常用的东西本人会立即更新到博客上,供大家研究分享学习技术。力争赶超欧美技术交流的活跃度!

 

1.通过Input完成页面链接操作

代码:<input type="button" value="《按钮名称》" οnclick="location.href='《你要链接的页面位置》'"/>

2.通过Input完成页面关闭操作

代码:<input type="button" value="《按钮名称》" "window.close();" />

3.通过Input完成打开新页面

代码:<input type="button" value="《按钮名称》" οnclick="window.open('《页面地址》')" />
 

4.通过Input完成弹出确认alert窗口

代码:<input type="button" name="Submit1" value="确定" class="btn" onClick="alert('是否确认提交?');location.href= '《确认后跳转到的页面位置》';return false;" >
 

代码II:<input type="button" name="Submit2" value="确定" class="btn" onClick="if (confirm('是否确认提交?'))location.href= '《确认后跳转到的页面位置》';return false;" >