html中的下拉列表框,单选框和复选框
下拉列表框:
下拉列表框是指允许网页浏览者从下拉式菜单中选择某一项,我们通常会在网页中看到各种下拉列表框,这是一种最节省空间的方式。正常情况下,浏览者只能看见一个选项,单击选项按钮打开菜单后才能看到全部的选项。其基本语法格式为:
下面是一个实例:
上图
单选框:
其基本语法格式为:
<input type="radio" name="field-name" cheaked value="value"/>
下面是一个实例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<form>
请选择你最感兴趣的图书类型:
<br>
<input type="radio" name="book" value="Book1">网站编程<br>
<input type="radio" name="book" value="Book2">办公软件<br>
<input type="radio" name="book" value="Book3">设计软件<br>
<input type="radio" name="book" value="Book4" checked="checked">网络管理<br>
</form>
</body>
</html>
运行如下:
复选框:
复选框主要是让网页浏览者在一组选项里能同时选择多个选项。
<input type="cheakbox" name="field-name" cheaked value="value"/>
下面是一个实例:
<form>
请选择你最感兴趣的图书类型:
<br>
<input type="checkbox" name="book" value="Book1">网站编程<br>
<input type="checkbox" name="book" value="Book2">办公软件<br>
<input type="checkbox" name="book" value="Book3" checked="checked">设计软件<br>
<input type="checkbox" name="book" value="Book4" checked="checked">网络管理<br>
</form>
运行如图:
html中的下拉列表框,单选框和复选框相关推荐
- JS判断HTML中创建的单选框、复选框、下拉列表框是否被选中
目录 一.单选框: 二.复选框: 三.下拉列表框: 一.单选框: 有如下单选框:radio <div class="form-text">性别:</div> ...
- html:(19):单选框,复选框,下拉列表框
使用单选框.复选框,让用户选择 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户 ...
- 单选按钮带文字_一分钟教会你用Word添加单选框和复选框
又到学习Word技巧的时候啦!学了这么长时间,你的技能点有没有增加呢?对表格的使用有没有更加熟练了?是否很好奇别人家的表格是怎么弄成可以单选框和复选框的效果呢~~~~下面让小编带你解锁新姿势~ 效果图 ...
- Vue指令 v-for遍历、下拉列表、单选框、复选框
4 .v-for遍历 4.1 遍历数组中的对象 格式:v-for="item in list" 里面也可以返回下标 格式:v-for="(item.index) in l ...
- 淘晶驰串口屏入门(四)进度条、滑块、定时器、单选框、复选框、二维码
一.进度条控件 1.注意j+数字开头的为进度条控件 2.可以通过修改进度条的val属性来控制进度 二.滑块控件 1.注意h+数字开头的为滑块控件 2.可以通过读取滑块控件的val属性来得到滑块的位置 ...
- vue.js实现单选框、复选框和下拉框
Vue.js可以很方便的实现数据双向绑定,所以在处理表单,人机交互方面具有很大的优势.下边以单选框.复选框和下拉框为例介绍他们在HTML和Vue.js中的具体实现方式. 一.单选框 在传统的HTM ...
- 关于单选框以及复选框的css美化方法
在工作中,遇到单选框和复选框还是一件很头疼的事情.丑就算了,关键是各个浏览器都不一样,这非常让我头疼. 以前一直用JQUERY来解决这个问题.不过js解决复选框没有问题,解决单选框就有点拙荆见肘,需要 ...
- 使用单选框、复选框,让用户选择
一.引言 html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选. 二.语法 对应语法: <input type=&quo ...
- Android界面编程之利用单选框和复选框实现对学历和爱好进行选择
Android界面编程之利用单选框和复选框实现对学历和爱好进行选择 首先我们要了解一下单选框和复选框: , 单选框(Radio Button):当用户选择某单选按钮时,同一组中的其他单选按钮不能同时选 ...
最新文章
- mysql解决Value ‘0000-00-00 00:00:00’ can not be represented as java.sql.Timestamp
- 如何根据字典中值的大小,对字典中的项排序
- UA MATH567 高维统计专题1 稀疏信号及其恢复4 Basis Pursuit的算法 Projected Gradient Descent
- Android中使用广播机制退出多个Activity
- python文件处理系列(二):Excel文件读取库xlwings
- android之seekbar
- linux禁止ping
- Flink - allowedLateness
- yum清缓存_linux yum清除var目录下缓存的方法
- Python 之 函数进阶
- unity如何得到所有子对象_Unity中获取多级子父节点的对象的两种方式
- python 构建来源gis_Python语言在ArcGIS环境中的应用.pptx
- javascript遍历对象属性和方法
- 在线留痕阅卷系统功能说明及其演示
- c语言里的pow函数(好理解,易懂)
- python实现星号打印出金字塔
- 2018-2019-2 20175216张雪原 实验四《Android程序设计》实验报告
- 基于J2EE的弹幕视频网站设计
- 猫哥教你写爬虫 003--数据类型转换
- 七天玩转Redis | Day5、Java操作Redis