HTML下拉列表框与复选框的区别

在用HTML创建表单的案例中,下拉列表框与复选框是有区别的,那在写HTML程序时,为了效果美观,我们也要特别注意。比如一般情况下,部门属性中用的是下拉列表框,所以不是在最后一个部门的结尾才加上换行符<br>,是在<select></select>之后,而对于兴趣复选框就可以随意的添加,因为复选框下的属性可以多选,竖着排的话就各位后面都加一个换行符,横着排就最后一个兴趣属性后加就可以了。而且换行符<br>没有closing
tag,独立使用,很是方便。HTML元素的属性必须用""括起来,多个属性之间也必须用空格分隔,而且对于HTML语言来说多余的空格会被截去,因为它只承认一个,要在中间加空格的话,得用&nbsp来代替一个空格。

JavaScript是通过嵌入或调用在标准的HTML语言中实现的,它弥补了HTML语言的缺陷,是Java和HTML折中的选择,使用<script>标记完成,并通常在HTML的<head>内使用。在程序中定义了一个function函数,要它返回一条甚至几条数据信息,它是顺序执行的,设计完它的内容后想要得到相应的结果,仅此还不行,还需要调用刚才定义的函数,才可以执行,这个不能忘。

HTML下拉列表框与复选框的区别

时间: 2024-11-05 20:44:44

HTML下拉列表框与复选框的区别的相关文章

Ionic Js四:复选框

ionic 复选框(checkbox)与普通的 HTML 复选框没什么区别,以下实例演示了 ionic 复选框 ion-checkbox 的应用. <ion-checkbox ng-model="isChecked">复选框标签</ion-checkbox> 实例中,会根据复选框是否选中,修改 checked 值,true 为选中, false 为未选中. HTML 代码 <ion-header-bar class="bar-positive&q

选中没有选中的复选框,匹配含有某个字符串的正则,json取值的两种方法,把变量定义在外面跟里面的区别

一.筛选没有选中的复选框:not("input:checked") 二.匹配有VARCHAR的字符串:".*VARCHAR.*?" 三.json取值的两种方法 var data={ "show_in_list": 1, "enums": [ { "value": "B2B", "key": "1" }, { "value": &

把复选框变成单选框(prop,attr的区别)

如果项目中需要统一样式的话,有可能会遇到把复选框变成单选框的需求. 下面是用jquery的简单实现 $(function(){ $("input[type='checkbox']").click(function() { var flag = $(this).prop("checked"); //先记录下点击后应该的状态 $("input[type='checkbox']").prop("checked", false); $

单选复选框的制作

一.选择框 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选. 语法: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1.当type="radio"时,为单选框

jquery实现复选框全选,全不选,反选中的问题

今天试了一下用jquery选择复选框,本来以为很简单的东西却有bug,于是搜索了一下找到了解决方法. html代码如下(这里没有用任何样式,就没有再放css了): <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="test_ch5.css" > <title>test_ch5</title> &

html与用户交互中单选框与复选框&amp;下拉列表中的情况

使用单选框.复选框,让用户选择 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选.请看下面的例子: 语法: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1.type: 当 typ

复选框 省市区 联动(监听input的change事件)

需求:省市区三级包含复选框按钮以及文字描述.点击文字显示对应的下级地区,点击复选框选择对应的下级区域勾选. 分析:监听input的change事件当点击复选框省  选择对应的第一个市区,同时默认选中第三级区域的第一个.同理监听span或者label(因为label与input的搭配使用) 辅助:后台提供省市区的数据: 两种方式: A:后台直接给dom结构(后台写好基本构架,前段自己在后台code填写需要的dom,class,方便前端开发) B:后台直接给前段一个json数据,前段自己遍历.(和后

Web前端之复选框选中属性

熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好了.博主之前用户不少方法,经常Google到一些这个不好那个不好的文章,到后面自己都混乱了.今天偶然看到一篇外国的博客,觉得讲解的很不错,打算翻译成中文,并加上了一些自己的见解.翻译的目的一是分享给大家,二是方便自己查阅.原文链接是:http://conceptf1.blogspot.com/2014/10/checkbox-checked-property.

AngularJS(六):表单-复选框

本文也同步发表在我的公众号"我的天空" 复选框 复选框只有两个值:true或者false,因此在AngularJS中,一般都是将复选框的ng-model绑定为一个布尔值属性,通过这两个布尔值来决定其勾选状态,以及通过其勾选状态来设置被绑定的属性值为true或false.我们来看以下示例: <body ng-app="myApp" ng-controller="person">     <form ng-submit="