表单元素之选择类型

表单元素之选择类型

技术教程gslnedu2025-05-23 16:02:103A+A-

表单元素的选择类型可以分为三种:

  • 单选
  • 多选
  • 下拉

单选和复选框的属性值可以有两个:disabled(不可操作的)checked

下拉框的属性值可以是:selected(默认选中) 、multiple(全部显示)(在select中设置)和 size(指定可见值数量)(在select中设置)。

单选 - radio

<input type="radio">

通常我们用于多个选择项目只选一个,比如性别的选择:

单选框:    <input type="radio">男    <input type="radio" checked>女    <input type="radio" disabled>


复选 - checkbox

复选框:      <input type="checkbox" checked>hmtl      <input type="checkbox">css      <input type="checkbox">javascript      <input type="checkbox">python


下拉 - select、option

下拉框:      <select name="classes" size="2">        <option>请选择</option>        <option value="html">HTML</option>        <option value="css">CSS</option>        <option value="javascript">JavaScript</option>        <option value="python">Python</option>      </select>



动手小练习

  1. 表单元素的选择类型可以分为哪几种
  2. 分别编写出多种选择类型,并在浏览器中显示出来
点击这里复制本文地址 以上内容由朽木教程网整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!
qrcode

朽木教程网 © All Rights Reserved.  蜀ICP备2024111239号-8