专业编程基础技术教程

网站首页 > 基础教程 正文

网页前端开发中常用的html控件(二)button和select【208】

ccvgpt 2024-08-03 12:45:41 基础教程 13 ℃

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

一、button。

网页前端开发中常用的html控件(二)button和select【208】

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

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

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

二、select。

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

disable是禁用的意思。

optgroup可以对option进行分组。

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


<!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>

Tags:

最近发表
标签列表