前端 IED名称优 / 缺点Sublime Text轻量级,占用系统资源较少【集合 emmet 插件】VScode占用系统资源较少Hbuilder消耗资源大,不太稳定Webstorm消耗资源大网页设计的三个层次名称功能...:,,,,,表单元素定义:指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等表单元素有:,,<option...年糕&hobby=reading&city=SZtype 值描述text定义单行的输入字段,用户可在其中输入文本,默认宽度为 20 个字符password定义密码字段,该字段中的字符被掩码radio定义单选按钮...,重置按钮会清除表单中的所有数据,恢复到默认状态submit定义提交按钮,提交按钮会把表单数据发送到服务器image定义图像形式的提交按钮hidden定义隐藏的输入字段file定义输入字段和 "浏览"按钮...元素,定义多行的文本输入控件,内容填充在标签之间,内容前不要出现空格或空行布尔属性:只需要出现键,值可以为空或其他属性描述checked预先选定复选框或单选按钮selected带有预先选定的选项的下拉列表
有一些下面的 UI 元素被用在特定的主题中,配色方案的修改可能不会对这些元素有效。...顶部条(Top Bar)—— 顶部导航条中的背景 顶部条文字(Top Bar Text) —— 顶部导航条中的背景文字 头部按钮和背景(Header Button Background) —— 顶部导航条中的按钮...(例如,创建(Create)按钮) 都不按钮文字 —— 顶部导航菜单中的文本按钮 顶部导航菜单选择后的背景(Top Bar Menu Selected Background) —— 顶部导航菜单项目被选择后的背景颜色...(例如, 空间) 顶部导航菜单选择后的文字(Top Bar Menu Selected Text) —— 顶部导航菜单项目被选择后的文本颜色 顶部导航菜单项目的文字(Top Bar Menu Item...顶部导航菜单下拉菜单项目的文本颜色 查找字段背景(Search Field Background) —— 头部查找对话框中的背景颜色 查找字段文本(Search Field Text) —— 头部查找对话框中的文本颜色 页面菜单选择后的背景
,如li:first-child返回每个ul的第一个li元素。...可以这样理解,页面中的元素有相同的父元素 的,并且里面又包含li元素的,那么就取第一个li元素,每个子类集合都要进行判断,直到找出所有符合要求的li元素; :last-child:这个也与上面相对了,...)返回页面中第一个ul元素下的第二个li元素,注意:只匹配一次就返回了; :gt(n):第n个匹配元素(不包括)之后的元素(n从0开始),如:ul:gt(2)返回从第3个ul开始的所有ul元素(含第三个...type=image],注意此处和前面根据标签名img选择图像有点不同哈; :input:选择表单元素,如,,,等; :radio:选择单选按钮元素...选择已选中的选项元素; :visible:选择可见元素; :enable:选择界面上已经可以使用的表单元素; :disabled:选择界面上被禁用的表单元素; :checked:选择已选中的复选框或单选按钮
选择排序主要有两种:简单选择排序和堆排序。 【简单选择排序】 编写算法,要求使用简单选择排序算法对元素65、32、71、28、83、7、53、49进行从小到大排序。...【算法思想】 简单选择排序是一种简单的选择类排序算法,它的基本思想描述如下: 假设待排序的元素有n个,在第一趟排序过程中,从n个元素序列中选择最小的元素,并将其放在元素序列的最前面,即第一个位置。...*第二趟排序:从第2元素开始,将第2个元素与第3个元素进行比较,因为3344,所以44是较小的元素,并将44与第3个元素交换,此时,完成第3趟排序,过程如下: 到目前为止前三个元素都已经有序...因此,整个简单选择排序结束。 【示例】 假设待排序元素有8个,分别是65、32、71、28、83、7、53、49。使用简单选择排序对该元素序列过程如图所示。
WAI-ARIA 角色,状态和属性 包含链接文本或图形的元素有 link 角色 。 菜单或菜单栏 menu 是一个组件,为用户提供一个选择列表,例如一组操作或功能。...WAI-ARIA 角色,状态和属性 单选按钮被具有 radiogroup 角色的元素包含或拥有。 每个单选按钮的role值都为 radio 。...如果元素提供了单选按钮组或每个单选按钮的额外信息,这些元素被 radiogroup 元素或 radio 元素使用 aria-describedby 属性索引。...示例 水平滑块示例: 演示使用三个水平对齐的滑块来制作颜色选择器。...例如,在一个设置闹钟的部件中,一个数值调节按钮允许用户在0-59间选择分钟。 数值调节按钮通常有三个组件,包含一个显示当前值的文本框,一个增加按钮,一个减小按钮。
A : HTML的每个标签都有其特定含义(语义),Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解 Q : 链接是什么概念,对应什么标签?...所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在标签之间 2. input:当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。...4. radio/checkbox:使用单选框、复选框,让用户选择,input type=”radio/checkbox” value=”值” name=”名称” checked=”checked”/>...、PHP 使用,checked:当设置 checked=”checked” 时,该选项被默认选中,同一组的单选按钮,name 取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。...5. submit:使用提交按钮,提交数据,input type=”submit” value=”提交”> type:只有当type值设置为submit时,按钮才有提交作用,value:按钮上显示的文字
下面在工作表中插入四个单选框,设置控件格式,将单元格链接设置为A4单元格。四个单选框为一组,选择不同的单选框,A4单元格显示的值不同。 下面插入分组框,将选项按钮1和2框起来作为一组。...可以发现此时点击选项按钮1和2,A4单元格的值随之变化。但再去选项按钮3和4时,可以发现并不影响选项按钮1和2的选择,同时因为没有设置单元格链接,所以点击时也并没有值显示。...此时重新设置选项按钮3的设置控件格式,设置单元格链接为A6单元格,点击选型按钮3和4时可以发现数值又从1开始起变化。 两个分组框中的单选项相互不影响,即通过分组框将不同组的单选框分隔开来。...三、 复 选 框 在了解了单选框和分组框之后,复选框更容易理解学习,复选框的单元格链接都是相互独立的。 下面通过简单示例介绍下复选框控件。如下面示例所示插入三个复选框。...Excel会为三个复选框依次命名,每个复选框是否选中都是相互独立的。 为每个复选框设置单元格链接,事例中设置为每个复选框前面的单元格。
选中和取消 选中一个 checkbox(复选框) 后,再次点击它,即可取消选中 选中一个 radio(单选按钮) 后,再次点击它,不能取消选中 梨子 每个...默认情况下(不设置name属性时),也是点了几个 radio 就有几个 radio 被选中,并且选中后再次点击不可取消选中,除非重置或者刷新页面等 但 radio 既然是单选按钮,肯定是可以实现单选的操作的...,这时只要设置每个 radio 的 name 属性的值一样就可以实现单选操作,也就是始终只会有一个 radio 被选中 要实现 radio 的多选操作,除了前面说的默认情况以外,还可以通过设置其...name 属性的值不相同来实现 如果有三个 radio 按钮,前两个的 name 属性的值是一样的,但第三个和前两个不一样,则前两个 radio 按钮,只能同时选中一个,第三个 radio 按钮可以和第一个或第二个同时被选中
新增的嵌入多媒体元素有video和audio元素,分别用来插入视频和声音的。值得注意的是可以再开始标签和结束标签之间放置文本内容,这样旧版本的浏览器就可以显示出不支持该标签的信息。...checkbox" />red blue 四、command元素 command元素表示命令按钮...,如单选按钮、复选按钮或普通按钮。
与之间的内容不会在浏览器的文档窗口显示, 但是其间的元素有特殊重要的意义 定义网页标题,在浏览器标题栏显示。...表单标签: 功能:表单用于向服务器传输数据,从而实现用户与Web服务器的交互 表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。 ..."> 单选按钮输入... 定义单选按钮。...单选按钮允许用户在有限数量的选项中选择其中之一: --------------------------------------------- 提交按钮
) 创建一个单选按钮,设定图片,并设定是否选中 3 public JRadioButton(String text) 创建一个单选按钮,制定按钮文本,默认不选中 4 public JRadioButton...cont = frame.getContentPane(); //定义三个窗体按钮 private JRadioButton jradio1 = new JRadioButton("男"); private...问题: 上面的程序中只是在按钮样式像单选按钮,单并不能实现单选的功能,我们可以同时选中上面的所有按钮。运行结果如下。 从运行结果来看,此时已经形成多选的功能了。...cont = frame.getContentPane(); //定义三个窗体按钮 private JRadioButton jradio1 = new JRadioButton("男"); private...,每次选项改变后都会触发itemStateChanged事件,之后修改每个选项显示图片。
找出三个盒子模型的综合案例进行练习 务必下载!! 今日的代码和讲义 以及思维导图:【点击此链接下载 Day07.zip】 大纲 一....单元格合并 在某些特殊的情况下, 每个单元格占据的大小可能并不是固定的 一个单元格可能会跨多行或者多列来使用; 这个时候我们就要使用单元格合并来完成; 如何使用单元格合并呢?...常见表单 form 表单, 一般情况下,其他表单相关元素都是它的后代元素 input 单行文本输入框、单选框、复选框、按钮等元素 textarea 多行文本框 select、option 下拉选择框 button...属性写法 input元素的使用 表单元素使用最多的是 input 元素 input元素有如下常见的属性: type: input的类型 text:文本输入框(明文输入) password:文本输入框(密文输入...) radio:单选框 checkbox:复选框 button:按钮 reset:重置 submit:提交表单数据给服务器 file:文件上传 readonly:只读 disabled:禁用 checked
支持accesskey属性的元素有, , , , , , 。...支持tabindex属性的元素有,,,,,, dir用于指定元素中内容的文本方向。...onmouseup,当在元素上释放鼠标按钮时触发。 Media媒体事件 onabort,当退出媒体播放器时触发。...定义若干行 定义若干单元格 定义表头 表格分头部,主体,底部: ,,三个标签...input type="file"> size属性用来设置选择栏的高度,multiple属性用来决定是多选列表,还是单选
单选题 (共计 10 题,总计 24分) 1、(单选题)把鼠标移到按钮上时,会产生哪些事件?...)下列属性中,不是 元素有效属性的是()。...A.src B.href C.name D.target 【正确答案】A 【答案解析】基本概念题,标签中没有src这个属性 3、(单选题)新窗口打开网页,用到以下哪个值()。 A....10、(单选题)如果一个HTML文档内含有阿拉伯文,则应该?...C.margin:0 D.cellspacing=”0″ 【正确答案】A,D 【答案解析】单元格边距(表格填充)(cellpadding) – 代表单元格外面的一个距离,用于隔开单元格与单元格空间单; 元格间距
支持accesskey属性的元素有, , , , , , 。...支持tabindex属性的元素有,,,,,, dir用于指定元素中内容的文本方向。...onreset,当表单中的重载按钮被点击时触发。 onselect,在元素中文本被选中后触发。 onsubmit,在提交表单时触发。...定义表格 定义表格标题 定义若干行 定义若干单元格 定义表头 表格分头部,主体,底部:,,三个标签...image"> size属性用来设置选择栏的高度,multiple属性用来决定是多选列表,还是单选
元素有很多形态,根据不同的 type 属性。 这是本章中使用的类型: 类型 描述 text 定义常规文本输入。...radio 定义单选按钮输入(选择多个选择之一) submit 定义提交按钮(提交表单) 文本输入 定义用于文本输入的单行输入字段: 实例 First
可以这么理解,页面就像一个个盒子垒起来,每个盒子就是一个块状元素。 有哪些块元素呢?...a 链接 input 输入框 img 图片 button 按钮 select 单选或多选框 br 换行(你无法为它设置宽高) textarea 多行文本输入框 b,big,i,em 设置文本效果的基本都是...短引用 基本不用(不做列举) 更多内联元素请参考Inline elements 参考: W3school-HTML元素 HTML-块级元素和内联元素 html块级元素与行内元素 Html中行内元素有哪些...块级元素有哪些? 行内元素和块级元素 元素类型 Block-level elements Inline elements
特别鸣谢:感谢动力节点提供的在线免费课程 -->点击观看 每日毒鸡汤:每个人都有自己故事,只是演绎的方式不同。 大家好!我是你们的老朋友Java学术趴,今天继续给大家分享jQuery的相关知识。...表单选择器是为了能更加容易地操作表单, 表单选择器是根据元素类型来定义的 注意:无论是否存在表单,表单选择器都会根据相应的type属性值做出选择。...13.2.7 each函数(常用) each 是对数组、json对象 和 dom 对象等的遍历,对每个元素调用一次函数。...value(直接获取)、 dom对象的value(使用dom.value获取), index: 数组的下标 : 这个下标自定义,且会自动增长,知道与数组中的元素个数一致的时候,停止增长,例如:数组中元素有...使用三个函数就可以实现ajax的请求处理。 处理ajax请求的三个函数: $.ajax() : jQuery中实现ajax的核心参数。 $.post() : 使用post方式发送ajax请求。
标题图 目的 1 事件机制 2 单选按钮及事件 要求 1....实现一个计算器(能实现加减乘除运算 ) 图片 2.实现界面上单选按钮中的事件 当按下某一单选按钮时将结果显示到最后一个输入框 3.当用户输入错误时提示。提示“请输入数字”,输入的值可以整数或小数。...实验步骤: 1.定义类显示窗口,标题为“计算器” 2.在类中添加窗口组件作为类的成员变量, JLabel文本, JRadioButton为单选按钮, JTextField为输入框, JPanel...为容器, ButtonGroup 为单选组按钮 3.在构造方法为每个组件及容器申请内存空间 4.设置窗口的布局为网格布局,有4行1列 5.将所有组件添加到容器中,将单选按钮再次添加到ButtonGroup...JRadioButton j1,j2,j3,j4; //ButtonGroup 为单选组按钮 ButtonGroup gd; CaculateDemo(){ //在构造方法为每个组件及容器申请内存空间
这里是修真院前端小课堂,每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能,本篇分享的是: 【常见的表单元素有哪些...表单元素是允许用户在表单中(比如:文本域,下拉列表,单选框,复选框等等)输入信息的元素,最主要的作用就是收集信息。...7. button: 定义一个按钮。 8. select: 定义一个选择列表,即下拉列表。 9. option: 定义下拉列表中的选项。 接下来是对这些表单元素的具体分析。...3. radio:单选按钮,同一组的单选按钮必须要有相同的name。 4. checkbox:复选框,同一组的单选按钮必须要有相同的name。 5. button:普通按钮。...6. submit:提交按钮,每出现一次,一个 Submit 对象就会被创建。 7. reset:重置按钮,会重置当前表单中全部的内容。 8. image:图像形式的提交按钮,写法是“”。
领取专属 10元无门槛券
手把手带您无忧上云