领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

表单元素之选择类型

nixiaole 2024-11-26 07:10:18 知识剖析 14 ℃

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

  • 单选
  • 多选
  • 下拉

单选和复选框的属性值可以有两个: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. 分别编写出多种选择类型,并在浏览器中显示出来

Tags:

最近发表
标签列表