PHP前端开发

html如何设置一个按钮

百变鹏仔 3个月前 (09-22) #HTML
文章标签 如何设置
html设置一个按钮的方法是,在html文档中添加一对标签,并且设置type属性值为button即可,例如【点我!】。

本文操作环境:windows10系统、html 5、thinkpad t480电脑。

在html中要设置一个按钮是非常简单的,这是因为html中为我们提供了一个标签。通过使用标签我们可以很轻松地在页面中添加一个按钮,并根据实际需要设置你想要的按钮样式。

在 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 元素创建的按钮之间的不同之处。

常用属性值:

立即学习“前端免费学习笔记(深入)”;

  • name    name    规定按钮的名称。    

  • type    button\reset\submit     规定按钮的类型。    

  • value    text    规定按钮的初始值。可由脚本进行修改。    

代码示例:

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body><button type="button" onclick="alert(&#39;你好,世界!&#39;)">点我!</button> </body></html>

运行效果如图:

相关视频分享:html视频教程