当前位置:蜗牛素材网>综合资讯>图文>正文

html中button标签的作用:网页前端开发中常用的html控件

人气:297 ℃/2024-01-02 19:51:09

补:想了解input和label请参看我写的文【207】

一、button。

<button>是按钮标签,<input type="button" />也是按钮标签,它们之间的区别就是button更加强大,它除了可以包含文本之外,还可以包含格式化的文本和图像,这就是它的强大所在,下面展示它的图片按钮功能,当然我画的按钮很丑,别介意。

图1

图2

这里随便讲讲button标签的四个常用属性。

  1. disabled禁用按钮
  2. name指定按钮名称
  3. type按钮类型,属性值有button,reset,submit三个
  4. value按钮的初始值

图3

图4

图5

二、select。

select是列表和下拉菜单,select不能一个人战斗,它需要option的配合。

图6

图7

disable是禁用的意思。

图8

图9

optgroup可以对option进行分组。

图10

图11

selected初始被选中的项,开始时默认选中菠萝。

图12

图13


<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <select name="" id=""> <optgroup label="水果"> <option value="pingguo">苹果</option> <option value="xiangjiao">香蕉</option> <option value="putao">葡萄</option> <option value="boluo" selected="selected">菠萝</option> </optgroup> <optgroup label="蔬菜"> <option value="baicai">白菜</option> <option value="youmaicai">油麦菜</option> <option value="shanghaiqing">上海青</option> </optgroup> </select></body></html>

搜索更多有关“html中button标签的作用:网页前端开发中常用的html控件”的信息 [百度搜索] [SoGou搜索] [头条搜索] [360搜索]
本网站部分内容、图文来自于网络,如有侵犯您的合法权益,请及时与我们联系,我们将第一时间安排核实及删除!
CopyRight © 2008-2024 蜗牛素材网 All Rights Reserved. 手机版