实现方法 对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。...focus()：得到焦点时使用，和javascript中的onfocus使用方法相同。...如： $("p").focus(); 或$("p").focus(fn) blur()：失去焦点时使用，和onblur一样。... 这里label覆盖在文本框上，可以更好的控制样式 jquery代码 代码如下: $(function() { $("#searchKey").focus(function() { $("#lbSearch").
表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。...； _self ：在指向这个目标的元素的相同的框架中调入文档； _parent ：把文档调入当前框的直接的父 FRAMESET 框中；这个值在当前框没有父框时等价于_self； _top ：把文档调入原来的最顶部的浏览器窗口中...连接，而各个变量之间使用“&”连接；POST 是将表单中的数据放在 form 的数据体中，按照变量和值相对应的方式，传递到 action 所指向 URL； GET 是不安全的：因为在传输过程，数据被放在请求的...二、表单域 表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等，用于采集用户的输入或选择的数据，下面分别讲述这些表单域的代码格式。 1...."> 属性解释如下： type=”radio”：定义单选框； name：定义单选框的名称，要保证数据的准确采集，单选框都是以组为单位使用的，在同一组中的单选项都必须用同一个名称； value：定义单选框的值
HTML表单由多个HTML元素组成，包括文本框、密码框、单选按钮、复选框、下拉列表等。 创建HTML表单 要创建HTML表单，你需要使用标签。...标签用于提供文本框的标签，for属性与的id属性关联，以确保点击标签时可以聚焦到相应的输入框。 单选按钮和复选框 单选按钮和复选框用于选择一个或多个选项。...我们创建了性别选择（单选按钮）和爱好选择（复选框）的表单元素。...name属性用于将单选按钮或复选框分组，确保用户只能选择一个单选按钮或多个复选框中的选项。 下拉列表 下拉列表允许用户从预定义的选项中选择一个。它使用和标签创建。...提供默认值：对于文本框和下拉列表等元素，可以提供默认值以简化用户操作。 使用适当的type属性：根据需要选择正确的type属性，例如使用type="email"进行电子邮件地址验证。
; TextField : 单行文本框 ; Button : 按钮组件 ; Canvas : 画布组件 , 用于 绘图 的组件 ; Checkbox : 复选框组件 ; CheckboxGroup :...单选框组件 , 将多个复选框组合 , 变成单选选项 , 每个组合中只有一个 CheckBox 组件可以被选中 ; Choice : 下拉框组件 ; List : 列表组件 , 可添加多个列表项 ; Panel...: 容器组件 , 该容器不能单独显示 , 必须放在窗口组件 如 Frame 中 才可显示 ; ScrollBar : 滑动条组件 , 使用滑动条时需要指定其 方向 , 初始值 , 最大值 , 最小值...20); textField.setText("文本框"); box.add(textField); // 按钮 Button button...frame.pack(); frame.setVisible(true); } } 执行效果 : 向多行文本框中输入文本 : 下拉框展示 : 复选框展示
六、单选框 1.是什么? 在HTML中，单选框也是使用Input标签来实现的，其中type属性取值为radio。...所有表单元素的value属性的作用都一样。 七、复选框 1.是什么? 在HTML中，单选框也是使用Input标签来实现的，其中type属性取值为radio。...就可以选择多项） 通过使用checked属性使得在默认情况下，让复选框中的某项选中,。...在HTML中，下拉列表由 select和option这两个标签配合使用。 这一点与无序列表很像，其中无序列表是由ul和li这两个标签配合使用来表示。...想要选取多项，可以使用“Ctr+鼠标左键”来选取。 下拉列表的 multiple属性没有属性值，这是HTML5的最新写法，这个与单选框中的 checked属性是一样的。
2.表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。...表单组件介绍 表单组件就是用来让用户输入信息、接收用户输入信息的组件，我们经常会在网页上看到的文本框、按钮、单选框、复选框等等，这些就是所谓的组件。...表单组件之引入组件 标签引入的组件用于收集用户输入的内容，例如文本框、单选框复选框、密码框等等，这个标签最主要的属性是type，这个属性用于选择你需要使用什么样的组件...这个属性还有一个作用，在使用单选框要实现单选时也需要使用这个属性，如果没有加上这个属性的话，就无法实现单选，示例： ? 运行结果： ?...不常用属性： checked，这个属性在单选框或者复选框上使用，哪个单选框或者复选框上声明了这个属性，那么就会默认选择声明了此属性的组件，示例： ? 运行结果： ?
类的构造方法 注意要点 文本域（TextArea） TextArea 的构造方法 参数scrollbars的静态常量值 复选框（Checkbox） Checkbox类的构造方法 单选按钮组的实现（结合使用...如果需要用户输入位于某个范围的值 ， 就可以使用滑动条组件 ，比如调 色板中设置 RGB 的三个值所用的滑动条。当创建一个滑动条时，必须指定它的方向、初始值、 滑块的大小、最小值和最大值。...单选按钮组的实现（结合使用CheckboxGroup类） 单选按钮是一种输入信息的组件，拥有“状态”的特性，通过鼠标单击单选按钮的操作可以将其状态从“true” 更改为“false”，或从“false”...作为同一组的多个单选按钮组件是互斥的，即每一时刻只能有一个组件的状态为“true”，从而实现单项选择。 在AWT中，单选按钮对象的创建也是通过 Checkbox类实例化的。...接着，给两个按钮绑定了监听器，当按钮被点击时，对应的对话框会显示出来。在监听器的实现中，调用对话框的setVisible(true)方法显示对话框。
为什么使用 jQuery 它能够兼容市面上主流的浏览器， IE 和 FireFox，Google 浏览器 处理 AJAX，创建异步对象是不同的，而 jQuery 能够使用一种方式在不同的浏览器创建 AJAX...一般情况下，在命名jQuery对象时，为了与DOM对象进行区分，习惯性的以 开头，这不是必须的。...$("#id,.class,标签名") jQuery基础知识总结 10.表单选择器 表单相关元素选择器是指文本框、单选框、复选框、下拉列表等元素的选择方式。该方法无论是否存在表单，均可做出相应选择。...在定位了dom对象之后，根据一些条件筛选dom对象。 过滤器也是一个字符串，用来筛选dom对象。 过滤器不能单独使用，必须和选择器一起使用。...") 11.2 表单对象属性过滤器 :txet 和 :checkbox 代表的是表单选择器 代表的是表单中的type属性 选择可用的文本框 $(":text:enabled") var obj=(":text
选择器是 jQuery 最基础的东西，本文中列举的选择器基本上囊括了所有的 jQuery 选择器，也许各位通过这篇文章能够加深对 jQuery 选择器 的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写...本文配合截图、代码和简单的概括对所有 jQuery 选择器进行 了介绍，也列举出了一些需要注意和区分的地方。...:only-child ：如果当前元素是唯一的子元素，则匹配 8、表单选择器 :input ：选取页面中的所有表单元素，包含 select 以及 textarea 元素 :text ：选取页面中的所有文本框...:password：选取所有的密码框 :radio ：选取所有的单选按钮 :checkbox：选取所有的复选框 :submit ：获取 submit 提交按钮 :reset：获取 reset 重置按钮...原创文章采用CC BY-NC-SA 4.0协议进行许可，转载请注明：转载自：jQuery中的9个选择器
= value]（取attribute属性值等于value或不等于value的元素） 分别为class="item"和class!...attribute *= value]（attribute属性值以value开始，以value结束，或包含value值） 在属性选择器中，^$符号和正则表达式的开始结束符号表示的含义是一致的，*模糊匹配... // 识别大小写，输入字符串时可以输入引号，[title^=jQuery]和[title^="jQuery"]是一样的 $...option>English 简体中文 ——6.2 :checked（取选中的单选框或复选框元素...:hidden（取不可见元素） :hidden选择器和属性选择器$('input[type=hidden]')等同 表单选择器的6~10例子我就不再列举了，和1~5的很类似，大家可以自己尝试一下。
三态复选框的一种常见使用场景是在软件安装时，一个单独的三态复选框用来代表和控制整个安装选项组的状态。并且，该组中的每个选项都可以单独使用双态复选框开启或关闭。...在 Menu or Menu bar 中介绍了菜单元素所需的附加角色，状态和属性。 单选按钮组 单选按钮组，是一个可选中按钮的组合，被称为单选按钮，且在该组合中，只有一个按钮处于选中状态。...在某些浏览器中，如果没有选中任何一个单选按钮，使用 Shift+ Tab 将焦点移动到单选按钮组，焦点将会被放置在最后一个单选按钮，而不是第一个单选按钮。...数值调节按钮通常有三个组件，包含一个显示当前值的文本框，一个增加按钮，一个减小按钮。一般来说，文本框是唯一可聚焦组件，因为增加和减小功能可使用光标键访问，一般来说，文本框还允许用户直接编辑其值。...如果数值编辑按钮的文本框允许直接编辑其值，支持以下键。 适用于设备平台的标准单行文本编辑键（请参阅下面的注释）。 可打印字符: 在文本框中输入字符。
具体实现需求如下： 使用多维数组保存表单的相关信息 支持的表单项包括文本框、文本域、单选框、复选框和下拉列表5种类型 保存每个表单项的标记、提示文本、属性、选项值、默认值等 将功能封装成函数，根据传递的参数生成指定的表单...相比GET方式，POST方式提交的数据是不可见的，在交互时相对安全。因此，通常情况下使用POST方式提交表单数据。...option是定义下拉列表中具体选项的标记 selected属性用于设置默认选中项 4.准备表单—label标记 在编写表单控件时，为了提供更好的用户体验，经常将input控件与label标记联合使用...例如，选择性别时，单击提示文字“男”或“女”，也可选中相应的单选按钮。 使用label标记包裹单选按钮和提示文本，即可实现单击label标记里的内容时，相应的表单控件就会被选中。...，键名m、w为单选框的value属性值，对应的值“男”、“女”为该单选项的提示信息 default的值为option关联数组中的一个键名，表示默认选中哪一项 //复选框 4 = [ 'tag'
几乎可以在每个windows程序中都看到按钮、复选框、文本框以及下拉列表等等，这些都是控件。...复选框用来打开或者关闭某一个特定的值，除了基本的打开和关闭开关外，还有第三种状态，一种中间态。 单选按钮控件：单选按钮是个圆圈用户可以通过单击在其中添加一个黑点。...用来一次在一组两个或者更多的值中只选出一个值处于打开状态。 ? 这个就是单选按钮控件。 组合框控件：也叫下拉列表框。控件是一个带有可用值列表的编辑框。...使用组合框提供一系列的选择，用户可以从中选取一个值。有时用户可以在提供的列表满足要求时直接输入一个值。 每个控件都有属性的，用来对这个控件进行说明。下面列出基本的属性，每个控件框都有的。...如果禁用会让Caption中的文本只显示轮廓或者像是对话框表面上的凹痕。 Tab Stop：表明当用户使用tab键在对话框中移动时，这个控件是否被选中。
在HTML页面中，使用标签来表示一个表单域，以实现用户信息的收集和传递。 会把其范围内的表单元素信息提交给服务器。 基本语法格式 标签中包含一个type属性，根据不同的type属性值，输入字段拥有很多形式（可以是文本字段、复选框、掩码后的文本字段、单选按钮、按钮等）。...checked 规定此input元素首次加载时应被选中 maxlength 正整数 规定输入字段中字符的最大长度 注意点： name和value是每个表单元素都应该有的属性，主要是给后台人员使用 name...是表单元素的名称，要求同一组单选按钮或同一组复选框有相同的name值 checked属性主要针对于单选按钮和复选框，作用是打开页面时默认选中某个单选按钮或复选框 下拉表单元素 使用场景：... 给某个添加 selected=“selected” 属性，表示当前项为打开页面时的默认选中项 文本域标签 使用场景：当用户输入内容较多的情况下，我们就不能使用文本框表单了
3:alert(options.text()); //拿到选中项的文本 [2]js数组转json并在后台对其解析具体实现 想必大家在开发过程中也遇到类似问题，如果直接将js获取的数组传给后台...当然这样写可能会比较麻烦，jquery为我们提供了更加方便的方法 主要是用到了jquery中的 选择器: var selectedOption = $("#selectBox option: selected..."); 然后直接使用val() 和 text() 方法： console.log(selectedOption.val(), selectedOption.text() ); 注意使用jQuery的方法...jQuery获取Select选择的Text和Value: 语法解释： 1....(注意中间没有空格) 3,复选框: $("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值 $("input[@type=checkbox
在我们现实生活中也挺常见的，有时会使用到的注册页面就可以理解成一个表单。 ? 表单由三个部分组成： 「1表单标签」 包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。...「①name属性和values属性」 基本上每一个input标签都可以设定name和values属性。 如果是文本框密码框，values表示的也就是初始默认值。...checked="checked"，这个可以用来指定单选框的默认值。 其中我通过测试发现：「如果单选框中都有这个默认属性，那么默认值是最后面的那个单选框。」...「③复选框」 和单选框一样的道理，唯一区别就是可以多选。 三、input标签（了解） 「1.其它属性」 上述中说明的属性都是form表单中非常常见的。...multiple属性：多样的，用其可以多选。 size属性：多选时用以表示一次显示的数量。 如果不用multiple属性，这是单选，也就是图中右下角。 「2文本域」 ?
一.表单 表单就是一个将用户信息组织起来的容器： 1.表单的内容: ...设置了type属性后在密码框输入的字符全都是以黑色实心的来显示，从而实现对数据的处理 单选按钮 用户只能选中一个单选按钮在使用单选按钮时，需要一个显示的..." type="radio"value="女"/>女 复选框 复选框和单选框类似，复选框允许拥有多个选型 <input name="a" type="CheckBox"value="男" checked...，这些数据在表单元素中显示。...表单元素的标注 使用foe属性来指定当鼠标点击脚本时，焦点对应的表单元素 语法 表单元素的id">标注的文本 <input type="text
HTML 和 JavaScript 综合练习题一、单项选择 1. Web 使用( D )在服务器和客户端之间传输数据。 A.FTP B. Telnet C. E-mail D. HTTP 2....8.3多行文本输入框 8.4下拉列表框、 在表单中,通过和标记可 以在浏览器中设计一个下拉式的列表或带有滚动 …… > 指定要创建的控件类型 Text 默认值,创建一个单行文本输入控件 Password...创建一个密码框输入控件 Checkbox 创建一个复选框控件 Radio 创建一个单选按钮控件 Submit…… 7.要在表单中添加一个默认时为选中状态的复选框,应使用语句 ⑨。...第 3 题 问答题 1.简要…… 限制输入的最大字符数,取值为整数 checked=“checked”使用在复选框和单选框中,表示该选项默认被选中 …,菜单里有多个选项,一般用于选择年……. . . ....表单域:包含了文本框、密码框、隐藏域、多 行文本框、复选框、单选框、下拉列表框和文 件上传框等。 ? 表单按钮:包括提交按钮、复位按钮和一般按 钮。 ?
需要注意的是，在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“单选”才会生效。此外，可以对单选按钮应用 checked属性，指定默认选中项。...10.文件域 当定义文件域时，页面中将出现一个“选择文件”按钮和提示信息文本，用户可以通过单击按钮然后直接选择文件的方式，将文件提交给后台服务器。...因此，tel类型通常会和 pattern属性配合使用。...16 number类型 number类型的 <input/标记用于提供输入数值的文本框。在提交表单时，会自动检查该输入框中的内容是否为数字。...简单地说，UTC时间就是0时区的时间。例如，如果北京时间为早上8点，则UTC时间为0点，即UC时间比北京时间晚8小时。 注意:对于浏览器不支持的标记输入类型，则会在网页中显示为一个普通输入框。
{ font-size : 10px; } 【】使用jQuery UI实现按钮效果 1.定义如下可以实现按钮的标记： A button element</button...在页面的ready函数里使用ajaxForm来给你页面上的表单做这些AJAX提交的准备工作。 ajaxForm 需要零个或一个参数。这唯一的一个参数可以是一个回调函数或者是一个可选参数对象。...这个方法将会清空所有的文本框，密码框，文本域里的值，去掉下拉列表所有被选中的项，让所有复选框和单选框里被选中的项不再选中。...1．单选按钮的操作 选中浮选和单选按钮： $('input:checkbox,input:radio').attr('checked', 'checked'); 清除选中状态 $('input').removeAttr...('checked'); $('input').attr('checked', ''); 2.复选框操作 3.检查单选或复选框是否选中： $('input:checkbox').is(':checked
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
