html中<option>标签的详解

HTML 标签

示例

一个拥有四个选项的选择列表：

<select>
  <option>沃尔沃</option>
  <option>萨博</option>
  <option>奔驰</option>
  <option>奥迪</option>
</select>

定义及用法

标签用于定义选择列表中的一项。

必须放在元素里。

浏览器支持

IE Firefox Chrome Safari Opera

有主流浏览器均支持

标签。

HTML和XHTML之间的差异

在HTML中，

元素不需要结束标签。

XHTML中，

标签必须正确地结束。

提示和注意

提示：当选择列表很长时，可以用

标签将相关选项集中起来，形成选项组。

可选属性

DTD栏表明哪种文档类型支持此属性。S=Strict，T=Transitional，F=Frameset。

【lable属性在部分浏览器中不被支持，比如firefox等】

【value属性，在firefox浏览器提交表单的时候必须指定，即使不需要提交数据也应该为其指定value=""，否则在JSP开发时会抛出异常】

核心属性

标签支持以下核心属性:

事件属性

标签支持以下事件属性:

示例

在

元素中使用label属性：

<select>
  <option label="Volvo">沃尔沃（拉丁语“向前滚”的意思）</option>
  <option label="Saab">萨博（“瑞典飞机有限公司”的意思）</option>
</select>

定义及用法

标签的label属性用于定义一个选项的简短描述。

该简短描述将显示在下拉列表中。

只有IE 7及以上版本才支持

标签的label属性。

语法

<option label="value">

Atas ialah kandungan terperinci html中<option>标签的详解 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

html option 详解

sumber：php.cn

Artikel sebelumnya：关于html下拉框中optGroup标签的一个bug修复 Artikel seterusnya：html中<html:option></html:option>转化成<option></option>时加了selected属性的详解

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

• 从零开始打造自己的PHP框架的视频资料
  2023-03-15 16:54:01
• PHPMailer如何利用QQ邮箱完成邮件发送功能的实例分析
  2023-03-15 12:26:02
• php中关于IMAP如何收取邮件的方法介绍
  2023-03-14 18:58:01
• php如何快速实现数组去重的实例
  2023-03-14 11:30:01
• html中关于<a>标签的全部属性的使用总结
  1970-01-01 08:00:00
• php基础知识总结（新手入门必备）
  2023-03-16 15:20:01
• JavaScript中typeof的使用方法介绍
  1970-01-01 08:00:00
• JavaScript中confirm()方法的使用介绍
  1970-01-01 08:00:00
• HTML5 Placeholder属性的详情介绍
  1970-01-01 08:00:00
• ReactJS中表单的单选多选与反选的实现方法
  1970-01-01 08:00:00

Isu terkini

Ubah suai gaya matSelect apabila memaparkan pilihan Bagaimana untuk menukar sifat pilih tikar apabila pilihan dihidupkan? <mat-selectclass=...

daripada 2024-04-05 09:23:19

0

1

1374

Tambahkan kiraan (.panjang) setiap item dalam pilihan v-select Saya ingin menambah course.length dari api kepada setiap pilihan item pada v-select dan me...

daripada 2024-03-31 21:05:16

0

1

377

Topik-topik yang berkaitan

Lagi>

• simbol hak cipta html
• html editor dalam talian
• penghasilan laman web html
• ruang html
• apa itu html
• Bagaimana untuk menetapkan saiz fon html
• html kepada txt
• Bagaimana untuk menulis kod kotak teks html

Cadangan popular

• url是什么意思？
• DOM是什么意思
• 如何改变图片大小
• HTML中如何将字体加粗
• html图片大小如何设置

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

• 
  Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

  1417764
• 
  Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu

  4258949
• 
  Tutorial Video Permulaan JAVA

  2486505
• 
  Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

  504205
• 
  Tutorial pengenalan berasaskan sifar PHP

  858924

• 
  Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

  1417764 kali belajar
• 
  Tutorial Video Permulaan JAVA

  2486505 kali belajar
• 
  Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

  504205 kali belajar
• 
  Pengenalan pantas kepada pembangunan bahagian hadapan web

  215363 kali belajar
• 
  Kuasai tutorial video PS dari awal

  879858 kali belajar

• 
  [Web front-end] Permulaan pantas Node.js

  6588 kali belajar
• 
  Koleksi lengkap kursus timbunan penuh pembangunan web asing

  5117 kali belajar
• 
  Gunakan GraphQL praktikal bahasa

  4290 kali belajar
• 
  Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah

  638 kali belajar
• 
  Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam

  21836 kali belajar

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan

• [butang borang] kod hubungan borang mesej perusahaan jQuery
• [Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5
• [Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk
• [butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan
• [Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS
• [kesan khas html5] Permainan kotak menolak html5 klasik
• [Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej
• [Kesan album foto] Kesan zum hover kulit album peribadi CSS3

• [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
• [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
• [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
• [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
• [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
• [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
• [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
• [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

• [bahan PNG] Bahan vektor elemen musim panas yang comel (EPS+PNG)
• [bahan PNG] Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)
• [gambar sepanduk] Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)
• [bahan PNG] Bahan vektor topi pengijazahan emas (EPS+PNG)
• [bahan PNG] Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)
• [bahan PNG] Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza
• [gambar sepanduk] Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)
• [bahan PNG] Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)

• [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
• [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
• [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
• [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
• [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
• [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
• [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
• [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

Tentang kita Penafian Sitemap

© php.cn All rights reserved