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

时间:2024-01-02 19:51:09/人气:191 ℃

补:想了解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>

推荐

  • 1珍珠元子怎么做362
  • 2经典甜蜜温馨的情侣个性签名490
  • 3伏打一成语是什么275
  • 4象棋残局定式口诀416
  • 5生物学习方法和技巧223
  • 6站在别人的立场看一看换个角度去想一想美文462
  • 7关于在全区教育系统安全会议上的讲话351
  • 8丧葬答谢宴会主持词精选120
  • 9如何在安卓上使用windows?Windows直接兼容安卓应用能吗218
  • 10高考倒计时7天送你临场25个准备 高考倒计时1天乾坤未定211
  • 首页/电脑版/地图
    © 2024 OONiu.Com All Rights Reserved.