首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Zepto源码分析之form模块

(也就是属性disabled为true的) 只发送勾的复选框和单选按钮 不发送type为reset和button的按钮 多选选择框中每个选择的值单独一个条目 在单击提交按钮表单的情况下,也会发送提交按钮的...首先通过this[0]判断有未选中表单元素,如果没有返回的结果就是一个空数组了。如果选中了对该表单的相关控件(form.elements表示表单中所有控件的集合)进行遍历。...需要有name属性(条件为"真") 不能是fieldset元素 不能是已经禁止的元素(即disable为true) 不能是submit、reset、button、file等元素 对于单选和多选控件,只发送已经勾的...// 如果是多选的,选择被选中(即selected为true)的元素并通过pluck方法,读取该元素的value值,最后返回的是一个数组 return this[0] && (this[0]....如果没有传入回调函数触发当前表单submit事件,并且执行默认的提交表单行为(前提是没有阻止浏览器默认行为) 源代码 $.fn.submit = function(callback) { //

2K100

Zepto源码分析之form模块

(也就是属性disabled为true的) 只发送勾的复选框和单选按钮 不发送type为reset和button的按钮 多选选择框中每个选择的值单独一个条目 在单击提交按钮表单的情况下,也会发送提交按钮的...首先通过this[0]判断有未选中表单元素,如果没有返回的结果就是一个空数组了。如果选中了对该表单的相关控件(form.elements表示表单中所有控件的集合)进行遍历。...需要有name属性(条件为"真") 不能是fieldset元素 不能是已经禁止的元素(即disable为true) 不能是submit、reset、button、file等元素 对于单选和多选控件,只发送已经勾的...// 如果是多选的,选择被选中(即selected为true)的元素并通过pluck方法,读取该元素的value值,最后返回的是一个数组 return this[0] && (this[0]....如果没有传入回调函数触发当前表单submit事件,并且执行默认的提交表单行为(前提是没有阻止浏览器默认行为) 源代码 $.fn.submit = function(callback) { //

1.3K10
您找到你想要的搜索结果了吗?
是的
没有找到

前端成神之路-列表和表单

radio 如果是一组,我们必须给他们命名相同的名字 name 这样就可以多个其中的一个啦 男 <input type="radio...4. checked属性 表示默认<em>选中</em>状态。 较常见于 <em>单选</em><em>按钮</em>和复选<em>按钮</em>。...name="sex" value="男" checked="checked" />男 女 上面这个,表示就默认选中了...男 这个单选按钮 5. input 属性小结 属性 说明 作用 type 表单类型 用来指定不同的控件类型 value 表单表单里面默认显示的文本 name 表单名字 页面中的表单很多,name主要作用就是用于区别不同的表单...checked 默认选中 表示那个单选或者复选按钮一开始就被选中了 2.2 label标签(理解) 目标: label标签主要目的是为了提高用户体验。 为用户提高最优秀的服务。

1.6K20

html下拉框设置默认值_html下拉列表框默认值

创建一个密码框输入控件 Checkbox 创建一个复选框控件 Radio 创建一个单选按钮控件 Submit…… 7.要在表单中添加一个默认时为选中状态的复选框,应使用语句 ⑨。...第 3 题 问答题 1.简要…… 限制输入的最大字符数,取值为整数 checked=“checked”使用在复选框和单选框中,表示该选项默认被选中 …,菜单里有多个选项,一般用于选择年……. . . ....什么是表单 表单(form)是由一个或多个文本输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组 成,所有这些都放在 标签…… 附录 附录一 HTML 语法概述 HTML 头部标签标签 HTML的常见标签...框架 网页实景图 2.1 静态网页制作一个网站…… 制作下拉菜单步骤 3:选中数据有效性,弹出对话框,允许里 序列,源填写菜单项目,用英文逗号隔开,一定得是英文逗号才 行哦 制作下拉菜单步骤 4:确定就...表单域:包含了文本框、密码框、隐藏域、多 行文本框、复选框、单选框、下拉列表框和文 件上传框等。 ? 表单按钮:包括提交按钮、复位按钮和一般按 钮。 ?

33.7K21

JavaScript学习笔记(一)

label的作用:for属性可以绑定一个input,然后点击label的文字即相当于选中 需要注意的是:for属性的值只能是要关联表单元素的id值 2、设置单选按钮 单选按钮用 <input type...,只是它可以同时多选 注意的是:我们常常在下面添加全选和全不和反按钮 function checkAll(params) { var checkBox =...type:指定下拉菜单的类型是单选还是多选 text:指定下拉菜单选项的文本值 select:声明是否被选中 options:选项数组 a、单选下拉菜单 例子 form...]; var selectBox = form.selectBox; var iChoice = selectBox.selectedIndex; alert("您选中了...cloneNode(true),那么就表示将递归的克隆该节点下的所有子节点,如果是false克隆该节点。

3.2K20

使用 CSS Checkbox Hack 技术制作一个手风琴组件

CSS Checkbox Hack 允许你通过复选框(Checkbox)是否选中(或单选按钮radio buttons)来控制某些特定的样式。...这里运用的是:checked 伪类选择器,其意思就是”如果选中了表单(复选框、单选按钮),则应用相关样式规则“ 我们通常隐藏表单控件,然后结合来控制复选框或单选框的选择,制作一些特殊的效果...如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。这就是这个案例的关键所在。...同时为了让用户区分选中了哪个选项卡,我们需要定义选项卡出于选中状态时的标题颜色。...最后定义一个可选的外观样式,当每个单选按钮获取焦点时,我们为lable标签定义outline属性,这个细节帮组我们增强组件的可访问性。

5.3K30

VBA表单控件(三)

大家好,上节演示了数值调节钮和滚动条的小示例,本节开始介绍单选框、分组框和复选框控件的内容。 一、单 单选框在网页中一般都有遇到,下面介绍如何在工作表中添加单选框,以及如何使用。...单选框也可以指定宏,但并不常用可以,可以根据需求使用。 二、 分 组 框 上面示例多个单选框就像是单选题,一道题和多个单选选项。如果有多道单选题如何实现呢?...三、 复 框 在了解了单选框和分组框之后,复选框更容易理解学习,复选框的单元格链接都是相互独立的。 下面通过简单示例介绍下复选框控件。如下面示例所示插入三个复选框。...设置完成后,复选框中选中后在链接单元格中会显示TRUE(对应数值1),而如果选中显示FASLE(对应数值0)。 后面可以利用返回值结合函数和图标等扩展使用。...---- 今天下雨 本节主要介绍表单控件中的单选框、分组框和复选框,后续会简单演示些示例,祝大家学习快乐。

4.5K20

vue - 使用vue实现自定义多选与单选的答题功能

本来实现多选单选这个功能,vue组件中在表单方面提供了一个v-model指令,非常的善解“猿”意, 能把我们的多选单选功能很完美且很强大得双向绑定起来,实现多选、单选、任意...根本不在话下。...  b) 多选已选中状态再次点击取消选中 3.多选选中项的记录,需满足如下:   a) 选择几个记录几个   b) 选中再取消时需要将本条记录的数据通时消除(依据点击事件,事件点击触发判断哪个被选中了...) 4.单选选中项的记录,方便提交数据 5.未点击选项不可提交,并给提示 6.可提交状态,需满足如下:   a) 单选选中任意一个,即可提交。...再次修改对提交没有影响   b) 多选至少选中一个可提交,再次修改需判断是不是没东西 7.第十四题点下一题切换提交按钮 8.快速点击下一题,多次提交 9.点击下一题提交数据后,拿响应结果调取弹层提示用户选择是否正确...,新数据替换前,判断如果当前是第14题就改变按钮

3.8K20

html 下

radio 如果是一组,我们必须给他们命名相同的名字 name 这样就可以多个其中的一个啦 男 <input type="...4. checked属性 表示默认<em>选中</em>状态。 较常见于 <em>单选</em><em>按钮</em>和复选<em>按钮</em>。...name="sex" value="男" checked="checked" />男 女 上面这个,表示就默认选中了...男 这个单选按钮 5. input 属性小结 属性 说明 作用 type 表单类型 用来指定不同的控件类型 value 表单表单里面默认显示的文本 name 表单名字 页面中的表单很多,name主要作用就是用于区别不同的表单...checked 默认选中 表示那个单选或者复选按钮一开始就被选中了 2.2 label标签(理解) 目标: label标签主要目的是为了提高用户体验。 为用户提高最优秀的服务。

2.8K31

Django教程(二)- Django视图与网址进阶1. HTML表单2.CSRF3.代码操作

表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。...单选按钮(Radio Buttons) 标签定义了表单单选框选项 <input type="radio" name="gender" value...当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。...如果一样,表明这是一个合法的请求,否则,这个请求可能是来自于别人的 csrf 攻击,返回 403 Forbidden....RequestContext 会处理 csrf_token 这个 tag, 从而自动为表单添加一个名为 csrfmiddlewaretoken 的 input 3.代码操作 需求:模拟登录功能,如果用户的名字是你的名字全拼且密码是

4.3K40

AngularJS中使用表单输入的应用设计

这一机制对于所有标准的表单元素都可以起作用,例如文本框、单选按钮、复选框,等等。...我们可以像下面这样把一个复选框绑定到一个属性上: 这样做的含义是: 1.当用户选中了复选框之后,SomeController中$scope的youCheckedIt的属性就会变成true。...而反复选框会让youCheckedIt变为false。 2.如果你在SomeController中把$scope.youCheckedIt设置为true,那么UI中的复选框将会变成选中状态。...如果你正在使用表单把输入项组织起来,你可以在form自身上使用ng-submit指令来指定一个函数,当表单提交的时候可以执行这个函数。...我们来扩展前面的例子,实现用户点击一个按钮就可以为他所选的商品计算金额: 同时,在提交表单的时候,ng-submit还会自动阻止浏览器执行默认的POST操作。

2K60

(19)Struts2_表单标签

如果在赋值时使用了一个 OGNL 表达式并把它用 %{} 括起来, 这个表达式将会被求值. 表单标签的共同属性 ?...默认值为 false, 它决定着在表单回显时是否显示输入的密码. submit 标签 submit 标签将呈现为一个提交按钮. 根据其 type 属性的值....该复选框元素通常用于提交一个布尔值 当包含着一个复选框的表单被提交时, 如果某个复选框被选中了, 它的值将为 true, 这个复选框在 HTTP 请求里增加一个请求参数.但如果该复选框未被选中, 在请求中就不会增加一个请求参数...---- radio 标签 radio 标签将呈现为一组单选按钮, 单选按钮的个数与程序员通过该标签的 list 属性提供的选项的个数相同....一般地, 使用 radio 标签实现 “多选一”, 对于 “真/假” 该使用 checkbox 标签. ?

1.6K10

单选按钮的用户体验设计

单选按钮表单系统的一个基本元素。它们被使用在当存在互斥的两个或多个选项列表而用户必须选择其中一个时。换句话说,点选某个尚未选中单选按钮,之前的选择就会恢复成未选中。...正确的使用单选按钮会非常好—它们能够阻止用户输入错误的数据,因为它们显示合法的选项。...一、单选按钮的名字由何而来 单选按钮的命名源自于旧式汽车中收音机用来切换频道的物理按键—当一个按钮被按下,其他的就会被弹出,留下唯一的按钮处于被选中的状态。...5、设法让你的选项列表垂直排列 横向单选按钮有时很难浏览和布局。单选按钮的水平安排使它不容易告诉用户按钮对应的标签:是按钮前面的还是后面的。垂直排列的按钮更佳安全些。...如果复选框无法完全清晰的表明意义,使用单选按钮。在例子中,选项是对立的因此使用单选按钮是更好的方案。 设置向导。你应该在向导页面上使用单选按钮使选项明确,即使一个复选框也是可以接受的。

6.1K100

软件测试|超好用超简单的Python GUI库——tkinter(十一)

Radiobutton单选框控件单选按钮控件(Radiobutton)允许用户选择具体的选项值,不过与 Listbox 相比,单选按钮控件允许用户选择单一的选项值,各个选项值之间是互斥的关系,因此只有一个选项可以被用户选择...如果设置为 False,则会改变单选按钮的样式,当点击时按钮会变成 "sunken"(凹陷),再次点击变为 "raised"(凸起)selectcolor设置当 Radiobutton 为选中状态的时候显示的图片...;如果没有指定 image 选项,该选项被忽略takefocus如果是 True,该组件接受输入焦点,默认为 Falsevariable表示与 Radiobutton 控件关联的变量,注意同一组中的所有按钮的...variable 选项应该都指向同一个变量,通过将该变量与 value 选项值对比,可以判断用户选中了哪个按钮。...如果 Radiobutton 控件的 state(状态) 是 "disabled" (不可用)或没有指定 command 选项,该方法无效select()将 Radiobutton 控件设置为选中状态示例

1.2K10
领券