Search completed in 1.21 seconds.
:checked - CSS: Cascading Style Sheets
the :
checked css pseudo-class selector represents any radio (<input type="radio">), checkbox (<input type="checkbox">), or option (<option> in a <select>) element that is
checked or toggled to an on state.
... /* matches any
checked/selected radio, checkbox, or option */ :
checked { margin-left: 25px; border: 1px solid blue; } the user can engage this state by checking/selecting an element, or disengage it by unchecking/deselecting the element.
... note: because browsers often treat <option>s as replaced elements, the extent to which they can be styled with the :
checked pseudo-class varies from browser to browser.
...And 8 more matches
nsISecurityCheckedComponent
caps/idl/nsisecurity
checkedcomponent.idlscriptable provides methods that let an xpcom component define custom rules for accessing it from potentially unprivileged code.
<input type="checkbox"> - HTML: Hypertext Markup Language
<input> elements of type checkbox are rendered by default as boxes that are
checked (ticked) when activated, like you might see in an official government paper form.
... events change and input supported common attributes
checked idl attributes
checked, indeterminate and value methods select() value a domstring representing the value of the checkbox.
... note: if a checkbox is un
checked when its form is submitted, there is no value submitted to the server to represent its un
checked state (e.g.
...And 20 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
required for accessibility autocomplete all hint for form autofill feature autofocus all automatically focus the form control when the page is loaded capture file media capture input method in file upload controls
checked radio, checkbox whether the command or control is
checked dirname text, search name of form field to use for sending the element's directionality in form submission disabled all whether the form control is disabled form all associates the control with a form element formaction image, submit url to use for form submission f...
...
checked valid for both radio and checkbox types,
checked is a boolean attribute.
...if present on a checkbox type, it indicates that the checkbox is
checked by default (when the page loads).
...And 18 more matches
MenuItems - Archive of obsolete content
<menu label="view" accesskey="v"> <menupopup> <menuitem label="show toolbar" accesskey="t" type="checkbox"
checked="true"/> <menuitem label="show status bar" accesskey="s" type="checkbox"/> </menupopup> </menu> both menuitems are of the checkbox type.
... the first menuitem is
checked by default, as indicated by the
checked attribute set to the value true.
... the second menuitem is not
checked by default.
...And 16 more matches
UI pseudo-classes - Learn web development
this included some usage of pseudo-classes, for example using :
checked to target a checkbox only when it is selected.
... :
checked, :indeterminate, and :default: respectively target checkboxes and radio buttons that are
checked, in an indeterminate state (neither
checked or not
checked), and the default selected option when the page loads (e.g.
... an <input type="checkbox"> with the
checked attribute set, or an <option> element with the selected attribute set).
...And 16 more matches
Basic native form controls - Learn web development
both use the
checked attribute to indicate whether the widget is
checked by default or not.
...in the case of checkable items, their values are sent only if they are
checked.
... if they are not
checked, nothing is sent, not even their name.
...And 10 more matches
ui/button/toggle - Archive of obsolete content
they have an extra attribute
checked that is automatically toggled when the button is clicked.
... when a button is
checked it gets a "pressed" look in the user interface (note that the "pressed" look currently does not work in mac os x).
... usage creating buttons to create a button you must give it an id, an icon, and a label: var { togglebutton } = require("sdk/ui/button/toggle"); var button = togglebutton({ id: "my-button", label: "my button", icon: { "16": "./firefox-16.png", "32": "./firefox-32.png" }, onchange: function(state) { console.log(state.label + "
checked state: " + state.
checked); } }); by default, the button appears in the firefox toolbar: however, users can move it to the firefox menu panel: badged buttons new in firefox 36.
...And 9 more matches
menuitem - Archive of obsolete content
attributes acceltext, accesskey, allowevents, autocheck,
checked, closemenu, command, crop, description, disabled, image, key, label, name, selected, tabindex, type, validate, value properties accessibletype, accesskey, command, control, crop, disabled, image, label, labelelement, parentcontainer, selected, tabindex, value style classes menuitem-iconic, menuitem-non-iconic examples <menulist> <menupopup> <menuitem label="option 1" value="1"/> <menuitem label="option 2" value="2"/> <menuitem label="option 3" value="3"/>...
... autocheck type: boolean if this attribute is true or left out, the
checked state of the button will be switched each time the button is pressed.
... if this attribute is false, the
checked state must be adjusted manually.
...And 9 more matches
ARIA: switch role - Accessibility
the aria switch role is functionally identical to the checkbox role, except that instead of representing "
checked" and "un
checked" states, which are fairly generic in meaning, the switch role represents the states "on" and "off." this example creates a widget and assigns the aria switch role to it.
... <button type="button" role="switch" aria-
checked="true" id="speakerpower" class="switch"> <span>off</span> <span>on</span> </button> <label for="speakerpower" class="switch">speaker power</label> description the aria switch role is identical to the checkbox role, except instead of being "
checked" or "un
checked", it is either "on" and "off." like the checkbox role, the aria-
checked attribute is required.
...the switch role does not support the value mixed for the aria-
checked attribute; assigning a value of mixed to a switch instead sets the value to false.
...And 9 more matches
<input type="radio"> - HTML: Hypertext Markup Language
events change and input supported common attributes
checked and value idl attributes
checked and value methods select() value the value attribute is a domstring containing the radio button's value.
... it's fairly uncommon to actually want to allow the form to be submitted without any of the radio buttons in a group selected, so it is usually wise to have one default to the
checked state.
... additional attributes in addition to the common attributes shared by all <input> elements, radio inputs support the following attributes: attribute description
checked a boolean indicating whether or not this radio button is the currently-selected item in the group value the string to use as the value of the radio when submitting the form, if the radio is currently toggled on
checked a boolean attribute which, if present, indicates that this radio button is the currently selected one in the group.
...And 8 more matches
Index - Web APIs
typically, this property will be
checked during a popupshowing event handler for a context menu to initialize the menu based on the context.
... 1749 htmlinputelement: invalid event constraint validation, event, forms, reference, events, invalid the invalid event fires when a submittable element has been
checked for validity and doesn't satisfy its constraints.
... 2186 intersectionobserver.takerecords() api, intersection observer, intersection observer api, intersectionobserver, method, needsexample, reference, takerecords the intersectionobserver method takerecords() returns an array of intersectionobserverentry objects, one for each targeted element which has experienced an intersection change since the last time the intersections were
checked, either explicitly through a call to this method or implicitly by an automatic call to the observer's callback.
...And 7 more matches
ARIA: checkbox role - Accessibility
elements containing role="checkbox" must also include the aria-
checked attribute to expose the checkbox's state to assistive technology.
... <span role="checkbox" aria-
checked="false" tabindex="0" aria-labelledby="chk1-label"> </span> <label id="chk1-label">remember my preferences</label> the first rule of aria is if a native html element or attribute has the semantics and behavior you require, use it instead of re-purposing an element and adding aria.
... instead use the native html checkbox of <input type="checkbox">, which natively provides all the functionality required: <input type="checkbox" id="chk1-label"> <label for="chk1-label">remember my preferences</label> description the native html checkbox form control can only have two
checked states ("
checked" or "not
checked"), with an indeterminate state settable via javascript.
...And 7 more matches
Index - Archive of obsolete content
it needs to be
checked, prioritized, and migrated.
... 442 content states and the style system developing mozilla content states are what gecko uses to implement the various state-dependent in css (examples would be :hover, :active, :focus, :target, :
checked).
... 800
checked xul attributes, xul reference no summary!
...And 6 more matches
toolbarbutton - Archive of obsolete content
attributes accesskey, autocheck, checkstate,
checked, command, crop, dir, disabled, dlgtype, group, image, label, oncommand, open, orient, tabindex, title, type, validate properties accesskey, accessibletype, autocheck, checkstate,
checked, command, crop, dir, disabled, dlgtype, group, image, label, open, orient, tabindex, type examples <toolbar id="test-toolbar"> <toolbarbutton accesskey="p" label="plain"/> <toolbarbutton accessk...
... autocheck type: boolean if this attribute is true or left out, the
checked state of the button will be switched each time the button is pressed.
... if this attribute is false, the
checked state must be adjusted manually.
...And 6 more matches
Componentizing our React app - Learn web development
go back to src/app.js, copy the first <li> from inside the unordered list, and paste it into todo.js so that it reads like this: export default function todo() { return ( <li classname="todo stack-small"> <div classname="c-cb"> <input id="todo-0" type="checkbox" default
checked={true} /> <label classname="todo-label" htmlfor="todo-0"> eat </label> </div> <div classname="btn-group"> <button type="button" classname="btn"> edit <span classname="visually-hidden">eat</span> </button> <button type="button" classname="btn btn__danger"> delete <span classname="visually-hidden">eat</span> <...
... putting all that together, your todo() function should read like this: export default function todo(props) { return ( <li classname="todo stack-small"> <div classname="c-cb"> <input id="todo-0" type="checkbox" default
checked={true} /> <label classname="todo-label" htmlfor="todo-0"> {props.name} </label> </div> <div classname="btn-group"> <button type="button" classname="btn"> edit <span classname="visually-hidden">{props.name}</span> </button> <button type="button" classname="btn btn__danger"> delete <span classname="visually-hidden">{p...
...another problem remains though: they're all still
checked by default.
...And 6 more matches
Creating our first Vue component - Learn web development
<template> <div> <input type="checkbox" id="todo-item"
checked="false" /> <label for="todo-item">my todo item</label> </div> </template> using todoitem inside our app this is all fine, but we haven’t added the component to our app yet, so there’s no way to test it and see if everything is working.
... your component’s template section should now look like this: <template> <div> <input type="checkbox" id="todo-item"
checked="false" /> <label for="todo-item">{{label}}</label> </div> </template> go back to your browser and you'll see the todo item rendered as before, but without a label (oh no!).
... to achieve this, we want to bind the component's done prop to the
checked attribute on the <input> element, so that it can serve as a record of whether the checkbox is
checked or not.
...And 6 more matches
More Menu Features - Archive of obsolete content
« previousnext » in this section, we'll look at creating submenus and
checked menus creating submenus you can create submenus inside other menus (nested menus) using the existing elements.
...the example below creates a menu with a
checked item.
... example 2 : source view <toolbox> <menubar id="options-menubar"> <menu id="options_menu" label="options"> <menupopup> <menuitem id="backups" label="make backups" type="checkbox"/> <menuitem id="email" label="email administrator" type="checkbox"
checked="true"/> </menupopup> </menu> </menubar> </toolbox> the type attribute has been added which is used to make the menu item checkable.
...And 5 more matches
nsIPromptService
acheckstate contains the initial
checked state of the checkbox when this method is called and the final
checked state after this method returns.
... acheckstate contains the initial
checked state of the checkbox when this method is called and the final
checked state after this method returns.
... acheckstate contains the initial
checked state of the checkbox when this method is called and the final
checked state after this method returns.
...And 5 more matches
button - Archive of obsolete content
attributes accesskey, autocheck, checkstate,
checked, command, crop, dir, disabled, dlgtype, group, icon, image, label, open, orient, tabindex, type properties accesskey, accessibletype, autocheck, checkstate,
checked, command, crop, dir, disabled, dlgtype, group, image, label, open, orient, tabindex, type examples <button label="press me" oncommand="alert('you pressed me!');"/> attributes accesskey type: character th...
... autocheck type: boolean if this attribute is true or left out, the
checked state of the button will be switched each time the button is pressed.
... if this attribute is false, the
checked state must be adjusted manually.
...And 4 more matches
Accessibility API cross-reference
they also define a list of possible object states, such as focused, read-only,
checked, etc.
...they also define a list of possible object states, such as focused, read-only,
checked, etc.
... menuitemcheckbox a checkable menuitem in a set of elements with the same role, only one of which can be
checked at a time.
...And 4 more matches
ARIA Test Cases - Accessibility
new tests for internet explorer 8 rc1 on this msdn page the aria state/role mapping in ie8 to msaa roles can be directly
checked.
... - - - voiceover (leopard) n/a n/a - fail window-eyes - - - - nvda - n/a - - zoom (leopard) pass n/a pass pass zoomtext - - - - orca - - - - checkbox simple checkbox testcases: set aria-
checked="false" for un
checked both remove or set attribute for un
checked case -- also includes an invalid and required checkbox hierarchical (newly added test not in test results yet) dojo nightly build expected at behavior: screen reader should speak the accessible name followed by both the type being checkbox and the state (
checked, un
checked).
... markup used: role="checkbox" aria-
checked="true" or "false" notes: need testcase where aria-
checked attribute is removed instead of set to false results: at firefox ie opera safari jaws 9 - - n/a n/a jaws 10 pass fail (changes not spoken) fail fail voiceover (leopard) n/a n/a - fail window-eyes pass pass fail (un
checked presented as
checked, ie exposing incorrect state for no aria-
checked attribute) fail fail nvda fail on #2 -- repetitive text spoken, first checkbox toggle speaks incorrect state n/a fail fail zoom (leopard) pass n/a pass pass ...
...And 4 more matches
font - CSS: Cascading Style Sheets
</p> <form action="createshorthand()"> <div class="cf"> <div class="setpropcont"> font-style<br/> <input type="radio" id="font-style-none" name="font_style"
checked="" value="" onchange="setcss()"> <label for="font-style-none">none</label><br/> <input type="radio" id="font-style-normal" name="font_style" value="normal" onchange="setcss()"> <label for="font-style-normal">normal</label><br/> <input type="radio" id="font-style-italic" name="font_style" value="italic" onchange="setcss()"> <label for="font-style-italic">italic</label><br/>...
... <input type="radio" id="font-style-oblique" name="font_style" value="oblique" onchange="setcss()"> <label for="font-style-oblique">oblique</label> </div> <div class="setpropcont"> font-variant<br> <input type="radio" id="font-variant-none" name="font_variant"
checked="" value=" " onchange="setcss()"> <label for="font-variant-none">none</label><br/> <input type="radio" id="font-variant-normal" name="font_variant" value="normal" onchange="setcss()"> <label for="font-variant-normal">normal</label><br/> <input type="radio" id="font-variant-small-caps" name="font_variant" value="small-caps" onchange="setcss()"> <label for="font-variant-small-caps">small-caps</label> </div> <div class="setpropcont"> ...
... font-weight<br/> <input type="radio" id="font-weight-none" name="font_weight" value="" onchange="setcss()"> <label for="font-weight-none">none</label><br/> <input type="radio" id="font-weight-normal"
checked="" name="font_weight" value="400" onchange="setcss()"> <label for="font-weight-normal">normal</label><br/> <input type="radio" id="font-weight-bold" name="font_weight" value="700" onchange="setcss()"> <label for="font-weight-bold">bold</label> </div> <div class="setpropcont"> font-size<br/> <input type="radio" id="font-size-12px" name="font_size" value="12px" onchange="setcss()"> <label for="font-size-12px">12px</label><br/> <input type="radio" id="font-size-16px" name="font_size" value="16px"
checked=...
...And 4 more matches
Beginning our React todo list - Learn web development
sname="visually-hidden"> tasks</span> </button> </div> <h2 id="list-heading"> 3 tasks remaining </h2> <ul role="list" classname="todo-list stack-large stack-exception" aria-labelledby="list-heading" > <li classname="todo stack-small"> <div classname="c-cb"> <input id="todo-0" type="checkbox" default
checked={true} /> <label classname="todo-label" htmlfor="todo-0"> eat </label> </div> <div classname="btn-group"> <button type="button" classname="btn"> edit <span classname="visually-hidden">eat</span> </button> <button type="button" classname="btn btn__danger"> delete <span classnam...
... finally, the labels and inputs in our list items have some attributes unique to jsx: <input id="todo-0" type="checkbox" default
checked={true} /> <label classname="todo-label" htmlfor="todo-0"> eat </label> the default
checked attribute in the <input/ > tag tells react to check this checkbox initially.
... if we were to use
checked, as we would in regular html, react would log some warnings into our browser console relating to handling events on the checkbox, which we want to avoid.
...And 3 more matches
sslcrt.html
cert a pointer to the certificate to be
checked.
... checksig indicates whether certificate signatures are to be
checked.
... pr_true means certificate signatures are to be
checked.
...And 3 more matches
Xptcall Porting Status
bert's details <font color="white">done</font> mac ppc roger lawrence <rogerl@netscape.com>, patrick beard <beard@netscape.com> mac (passing tests and
checked in) <font color="white">done</font> solaris sparc roger lawrence <rogerl@netscape.com>, chris mcafee <mcafee@netscape.com> unix this is
checked in and working.
... <font color="white">done</font> solaris sparc v9 (64bit) stuart parmenter <pavlov@netscape.com>, chris seawood <cls@seawood.org> unix this is
checked in and (pavlov claims!) working.
... <font color="white">done</font> linux arm stefan hanske<sh990154@mail.uni-greifswald.de> <font color="red">?</font> matthew wilcox <willy@bofh.ai> stefan's code is
checked in and he says it is working.
...And 3 more matches
jspage - Archive of obsolete content
++){var d=document.id(f[c],!b.cash);if(b.ddup){if(g[d.uid]){continue;}g[d.uid]=true; }if(d){e.push(d);}}f=e;}return(b.cash)?$extend(f,this):f;}});elements.implement({filter:function(a,b){if(!a){return this;}return new elements(array.filter(this,(typeof a=="string")?function(c){return c.match(a); }:a,b));}});document.implement({newelement:function(a,b){if(browser.engine.trident&&b){["name","type","
checked"].each(function(c){if(!b[c]){return;}a+=" "+c+'="'+b[c]+'"'; if(c!="
checked"){delete b[c];}});a="<"+a+">";}return document.id(this.createelement(a)).set(b);},newtextnode:function(a){return this.createtextnode(a); },getdocument:function(){return this;},getwindow:function(){return this.window;},id:(function(){var a={string:function(d,c,b){d=b.getelementbyid(d);return(d)?a.element(d,c):null; },eleme...
...etwindow:function(){return this;}});native.implement([element,document],{getelement:function(a,b){return document.id(this.getelements(a,true)[0]||null,b); },getelements:function(a,d){a=a.split(",");var c=[];var b=(a.length>1);a.each(function(e){var f=this.getelementsbytagname(e.trim());(b)?c.extend(f):c=f; },this);return new elements(c,{ddup:b,cash:!d});}});(function(){var h={},f={};var i={input:"
checked",option:"selected",textarea:(browser.engine.webkit&&browser.engine.version<420)?"innerhtml":"value"}; var c=function(l){return(f[l]||(f[l]={}));};var g=function(n,l){if(!n){return;}var m=n.uid;if(browser.engine.trident){if(n.clearattributes){var q=l&&n.clonenode(false); n.clearattributes();if(q){n.mergeattributes(q);}}else{if(n.removeevents){n.removeevents();}}if((/object/i).test(n.tagname)){for(...
....nodetype==1&&(!m||element.match(o,m))){if(!p){return document.id(o,r); }q.push(o);}o=o[l];}return(p)?new elements(q,{ddup:false,cash:!r}):null;};var e={html:"innerhtml","class":"classname","for":"htmlfor",defaultvalue:"defaultvalue",text:(browser.engine.trident||(browser.engine.webkit&&browser.engine.version<420))?"innertext":"textcontent"}; var b=["compact","nowrap","ismap","declare","noshade","
checked","disabled","readonly","multiple","selected","noresize","defer"];var k=["value","type","defaultvalue","accesskey","cellpadding","cellspacing","colspan","frameborder","maxlength","readonly","rowspan","tabindex","usemap"]; b=b.associate(b);hash.extend(e,b);hash.extend(e,k.associate(k.map(string.tolowercase)));var a={before:function(m,l){if(l.parentnode){l.parentnode.insertbefore(m,l); }},after:func...
...And 2 more matches
Index - Archive of obsolete content
53
checked xul attributes, xul reference no summary!
...the following table lists the keys that are
checked, and what the menu keyboard listener does in response: 610 positioning xul, xul popup guide there are several ways in which the location of a popup on screen may be controlled.
... 640
checked xul properties, xul reference no summary!
...And 2 more matches
Input Controls - Archive of obsolete content
<checkbox id="case-sensitive"
checked="true" label="case sensitive"/> <radio id="orange" label="orange"/> <radio id="violet" selected="true" label="violet"/> <radio id="yellow" label="yellow"/> the first line creates a simple checkbox.
... when the user clicks the checkbox, it switches between
checked and un
checked.
... the
checked attribute can be used to indicate the default state.
...And 2 more matches
Modifying a XUL Interface - Archive of obsolete content
common properties that you will manipulate include the label, value,
checked and disabled properties.
...you can also retrieve the current label or value using these properties, as in the following example: example 5 : source view <button label="hello" oncommand="alert(this.label);"/> toggling a checkbox checkboxes have a
checked property which may be used to check or uncheck the checkbox.
...in this next example, we reverse the state of the
checked property whenever the button is pressed.
...And 2 more matches
UpdateListener
void oncompatibilityupdateavailable( in addon addon ) parameters addon the addon that was being
checked for updates onnocompatibilityupdateavailable() called when the update check found no new compatibility information for the application and platform version that the update check was being performed for.
... void onnocompatibilityupdateavailable( in addon addon ) parameters addon the addon that was being
checked for updates onupdateavailable() called when a new version of an add-on has been found for install.
... void onupdateavailable( in addon addon, in addoninstall install ) parameters addon the addon that was being
checked for updates install an addoninstall for the updated version onnoupdateavailable() called when no new version of an add-on has been found for install.
...And 2 more matches
HTMLInputElement - Web APIs
properties that apply only to elements of type checkbox or radio
checked boolean: returns / sets the current state of the element when type is checkbox or radio.
... default
checked boolean: returns / sets the default state of a radio button or checkbox as originally specified in html that created this object.
...for checkboxes, the effect is that the appearance of the checkbox is obscured/greyed in some way as to indicate its state is indeterminate (not
checked but not un
checked).
...And 2 more matches
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
when one has been
checked, then the
checked="true" attribute is set.
...the button in its depressed state has
checked="true" set.
...when it is in its
checked state, its
checked attribute is set to true.
... <checkbox label="checkbox
checked"
checked="true"/> <checkbox label="checkbox un
checked"
checked="false"/> listing 11: checkboxes in different state figure 11: output from listing 11 radio buttons radio buttons in html are multiple input elements grouped by assigning them all the same name attribute.
Anonymous Content - Archive of obsolete content
when a new binding is attached, the bindings in its explicit 'inherits' chain are
checked to see if any have anonymous content templates.
...whenever an element is inserted or appended, all insertion points are
checked following all the same rules that applied when first placing explicit children during anonymous content generation.
... focus and blur events when a focus or blur event crosses a scope boundary, the bound element is
checked to see if it is focusable (i.e., if the user agent would normally fire a focus or blur event on the element).
...for the primary generating binding only, this attribute is
checked to see if any author sheets at outer levels of scoping should be applied to the anonymous content generated by the bindings attached to the bound element.
Adding Event Handlers to XBL-defined Elements - Archive of obsolete content
for example, a custom checkbox might have a
checked property which needs to be changed when the user clicks the checkbox: <handlers> <handler event="mouseup" action="this.
checked=!this.
checked"/> </handlers> when the user clicks and releases the mouse button over the check box, the mouseup event is sent to it, and the handler defined here is called, causing the state of the
checked property to be reversed.
...the previous example could be extended so that the
checked property of the check box is changed when the space bar is pressed.
... <handlers> <handler event="keypress" key=" " action="this.
checked=!
checked"/> </handlers> you can also use the keycode attribute to check for non-printable keys.
...the modifier keys can be
checked by adding a modifiers attribute.
tree - Archive of obsolete content
f a tree: var idlist = []; var rangecount = tree.view.selection.getrangecount(); for (var i = 0; i < rangecount; i++) { var start = {}; var end = {}; tree.view.selection.getrangeat(i, start, end); for (var c = start.value; c <= end.value; c++) { idlist.push(tree.view.getitematindex(c).firstchild.id); } } the following returns a array of the indicies of the rows where the value is
checked in a checkbox type column: function getcell
checked(tree, columnid) { var arr = []; var column = tree.columns.getnamedcolumn(columnid); for (var i = 0; i < tree.view.rowcount; i++) { if (tree.view.getcellvalue(i, column) == 'true') arr.push(i); } return arr; } to get the text value for a specific column (for example column 'age') from the currently focused row in the tree: ...
...x="1" id="name"/> </treecols> <treechildren> <treeitem> <treerow> <treecell value="false"/> <treecell label="alice"/> </treerow> </treeitem> <treeitem> <treerow> <treecell value="false"/> <treecell label="bob"/> </treerow> </treeitem> </treechildren> </tree> </window> css: treechildren::-moz-tree-checkbox { /* un
checked checkbox treecells.
... this style must come before treechildren::-moz-tree-checkbox(
checked) otherwise it won't take effect.
... */ list-style-image: url("") } treechildren::-moz-tree-checkbox(
checked) { /*
checked checkbox treecells.
Theme changes in Firefox 2 - Archive of obsolete content
firefox 1.5 themes are no longer used in firefox 2 and should be removed from your theme: #bookmarks-button:active #copy-button:active #cut-button:active #downloads-button:active #forward-button[buttondown="true"] #history-button:active #home-button:active #mail-button #mail-button:active #mail-button[disabled="true"] #mail-button[open="true"] #new-tab-button:active #new-tab-button[
checked="true"] #new-window-button:active #new-window-button[
checked="true"] #paste-button:active #print-button:active #reload-button:active #stop-button:active .messagebutton .messageimage .messagetext browsermessage toolbar[iconsize="small"] #bookmarks-button:active toolbar[iconsize="small"] #copy-button:active toolbar[iconsize="small"] #cut-button:active toolbar[iconsize="small"] #downlo...
...n:hover:active .toolbarbutton-menubutton-dropmarker #back-button[buttondown="true"] > .toolbarbutton-menubutton-dropmarker #back-button[buttonover="true"] #back-button[buttonover="true"] > .toolbarbutton-menubutton-dropmarker #back-button[disabled="true"] .toolbarbutton-menubutton-dropmarker #back-button[open="true"] #bookmarks-button:hover #bookmarks-button:hover:active #bookmarks-button[
checked="true"] #copy-button:hover #copy-button:hover:active #cut-button:hover #cut-button:hover:active #downloads-button:hover #downloads-button:hover:active #feed-button[chromedir="rtl"][feeds]:active #feed-button[chromedir="rtl"][feeds]:hover #feed-button[feeds]:active #feed-button[feeds]:hover #forward-button .toolbarbutton-menubutton-dropmarker #forward-button:hover #forward-button:hove...
...ubutton-dropmarker #forward-button[buttondown="true"] > .toolbarbutton-menubutton-dropmarker #forward-button[buttonover="true"] #forward-button[buttonover="true"] > .toolbarbutton-menubutton-dropmarker #forward-button[disabled="true"] .toolbarbutton-menubutton-dropmarker #go-button:hover #go-button[chromedir="rtl"] #history-button:hover:active #history-button:hover:active #history-button[
checked="true"] #home-button:hover #home-button:hover:active #new-tab-button:hover #new-tab-button:hover:active #new-window-button:hover #new-window-button:hover:active #paste-button:hover #paste-button:hover:active #print-button:hover #print-button:hover:active #reload-button:hover #reload-button:hover:active #searchbar[empty="true"] .searchbar-textbox #stop-button:hover #stop-button:hove...
...s the following styles are no longer used in firefox 2 and should be removed from your theme: #foundlist #statusbar-updates .updatecategorybox .updatecategorycontent .updatecategoryicon .updatecategorylabel[selected="true"] .updateicon .updateicon[severity="0"] .updateicon[severity="1"] .updateicon[severity="2"] .updateindicator > label .updateindicator[updatecount="0"] .updateitem
checked .updateitem
checked .checkbox-label-box .updateitemfromlabel .updateitemicon .updateitemicon .updateitemname .updateitemnamerow .updateitemurl .warning radio[type="update-type"] radiogroup[type="update-types"] toolbarbutton[type="updates"] toolbarbutton[type="updates"] > .toolbarbutton-icon toolbarbutton[type="updates"][severity="0"] > .toolbarbutton-icon toolbarbutton[type="updates"...
::-ms-check - Archive of obsolete content
sform-origin visibility width syntax ::-ms-check example html <form> <label for="redbutton">red</label> <input type="radio" id="redbutton"><br> <label for="greencheckbox">green</label> <input type="checkbox" id="greencheckbox"> </form> css input, label { display: inline; } input[type=radio]::-ms-check { border-color: red; /* this will make the border red when the button is
checked.
... */ color: red; /* this will make the circle red when the button is
checked.
... */ } input[type=checkbox]::-ms-check { border-color: green; /* this will make the box green when the button is
checked.
... */ color: green; /* this will make the checkmark green when the button is
checked.
Dynamic behavior in Svelte: working with variables and props - Learn web development
replace the existing <ul> element with the following simplified version to get an idea of how it works: <ul> {#each todos as todo, index (todo.id)} <li> <input type="checkbox"
checked={todo.completed}/> {index}.
...replace your existing <ul> block with the following: <!-- todos --> <ul role="list" class="todo-list stack-large" aria-labelledby="list-heading"> {#each todos as todo (todo.id)} <li class="todo"> <div class="stack-small"> <div class="c-cb"> <input type="checkbox" id="todo-{todo.id}"
checked={todo.completed}/> <label for="todo-{todo.id}" class="todo-label"> {todo.name} </label> </div> <div class="btn-group"> <button type="button" class="btn"> edit <span class="visually-hidden">{todo.name}</span> </button> <button type="button" class="btn btn__danger"> delete <span class="visually-hid...
...den">{todo.name}</span> </button> </div> </div> </li> {:else} <li>nothing to do here!</li> {/each} </ul> notice how we are using curly braces to embed javascript expressions in html attributes, like we did with the
checked and id attributes of the checkbox.
... update the <input type="checkbox"> element inside src/components/todos.svelte as follows: <input type="checkbox" id="todo-{todo.id}" on:click={() => todo.completed = !todo.completed}
checked={todo.completed} /> next we'll add a function to remove a todo from our todos array.
The Firefox codebase: CSS Guidelines
example: use option[
checked], not option[
checked="true"].
... once the two things above have been
checked, check if the other rule you are overriding contains !important, if that is case, try putting it in question, because it might have become obsolete.
...if this isn't possible, you can also try introducing a :not() to prevent the other rule from applying, this is especially relevant for different element states (:hover, :active, [
checked] or [disabled]).
... finally, once you have
checked all the things above, you can permit yourself to use !important along with a comment why it is needed.
sslfnc.html
checksig pr_true means signatures are to be
checked and the certificate chain is to be validated.
... pr_false means they are not to be
checked.
... checksig pr_true means signatures are to be
checked and the certificate chain is to be validated.
... pr_false means they are not to be
checked.
Tutorial: Set a breakpoint - Firefox Developer Tools
to do this, open the firefox developer tools, click on the options gear at the upper right of the toolbox, and make sure that both “enable browser chrome and add-on debugging toolboxes” and “enable remote debugging” are
checked.
...once they’re
checked, you can close the developer tools.
...if that item doesn’t appear in the “web developer” menu, make sure you
checked both boxes to enable the browser content toolbox as explained in step 1.
...to enable it, click on the options gear at the upper right of the browser content toolbox, and make sure the “scratchpad” box in the “default developer tools” section the left is
checked.
HTMLInputElement: invalid event - Web APIs
the invalid event fires when a submittable element has been
checked for validity and doesn't satisfy its constraints.
...the validity of submittable elements is
checked before submitting their owner <form>, or after the checkvalidity() method of the element or its owner <form> is called.
... it is not
checked on blur.
... examples if a form is submitted with an invalid value, the submittable elements are
checked and, if an error is found, the invalid event will fire on the invalid element.
RadioNodeList.value - Web APIs
if the underlying element collection contains radio buttons, the radionodelist.value property represents the
checked radio button.
... on retrieving the value property, the value of the currently
checked radio button is returned as a string.
... if the collection does not contain any radio buttons or none of the radio buttons in the collection is in
checked state, the empty string is returned.
... on setting the value property, the first radio button input element whose value property is equal to the new value will be set to
checked.
RadioNodeList - Web APIs
radionodelist.value if the underlying element collection contains radio buttons, the value property represents the
checked radio button.
... on retrieving the value property, the value of the currently
checked radio button is returned as a string.
... if the collection does not contain any radio buttons or none of the radio buttons in the collection is in
checked state, the empty string is returned.
... on setting the value property, the first radio button input element whose value property is equal to the new value will be set to
checked.
Box-shadow generator - CSS: Cascading Style Sheets
und-position: center center; background-repeat: no-repeat; color: #fff; border-radius: 3px; font-weight: bold; float: left; } .ui-checkbox .text { padding-left: 34px; background-position: center left 10px; } .ui-checkbox .left { padding-right: 34px; padding-left: 1.666em; background-position: center right 10px; } .ui-checkbox > label:hover { cursor: pointer; } .ui-checkbox > input:
checked + label { background-image: url("https://mdn.mozillademos.org/files/5681/
checked.png"); background-color: #379b4a; } /* * box shadow generator tool */ body { max-width: 1000px; height: 800px; margin: 20px auto 0; font-family: "segoe ui", arial, helvetica, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-user-select: none; -web...
...e-yellow.png"); } #layer_menu .button:hover .delete { display: block; } /* * active element styling */ #layer_menu [data-active='subject'] { color: #fff; background-color: #379b4a; border: 1px solid #379b4a; } /* checkbox */ #layer_menu .ui-checkbox > label { height: 15px; line-height: 17px; font-weight: normal; width: 46px; margin: 0 5px 0 0; } #layer_menu .ui-checkbox > input:
checked + label { display: none; } /******************************************************************************/ /******************************************************************************/ /* * preview area */ #preview_zone { width: 82%; float: left; } #preview { width: 100%; height: 400px; border: 1px solid #ccc; border-radius: 3px; text-align: center; -moz-box-sizing: border-b...
...bute('data-topic'); var state = node.getattribute('data-state'); var name = node.getattribute('data-label'); var align = node.getattribute('data-text-on'); state = (state === "true"); var checkbox = document.createelement("input"); var label = document.createelement("label"); var id = 'checkbox-' + topic; checkbox.id = id; checkbox.setattribute('type', 'checkbox'); checkbox.
checked = state; label.setattribute('for', id); if (name) { label.classname = 'text'; if (align) label.classname += ' ' + align; label.textcontent = name; } node.appendchild(checkbox); node.appendchild(label); this.node = node; this.topic = topic; this.checkbox = checkbox; checkbox.addeventlistener('change', function(e) { notify.call(this); }.bind(this)); button...
...s[topic] = this; } var getnode = function getnode(topic) { return buttons[topic].node; } var setvalue = function setvalue(topic, value) { try { buttons[topic].checkbox.
checked = value; notify.call(buttons[topic]); } catch(error) { console.log(error, topic, value); } } var subscribe = function subscribe(topic, callback) { if (subscribers[topic] === undefined) subscribers[topic] = []; subscribers[topic].push(callback); } var unsubscribe = function unsubscribe(topic, callback) { subscribers[topic].indexof(callback); subscribers[topic].splice(index, 1); } var notify = function notify() { if (subscribers[this.topic] === undefined) return; for (var i = 0; i < subscribers[this.topic].length; i++) subscribers[this.topic][i](this.checkbox.
checked); ...
spellcheck - HTML: Hypertext Markup Language
the spellcheck global attribute is an enumerated attribute defines whether the element may be
checked for spelling errors.
... it may have the following values: true, which indicates that the element should be, if possible,
checked for spelling errors; false, which indicates that the element should not be
checked for spelling errors.
...this default value may also be inherited, which means that the element content will be
checked for spelling errors only if its nearest ancestor has a spellcheck state of true.
...typically non-editable elements are not
checked for spelling errors, even if the spellcheck attribute is set to true and the browser supports spellchecking.
Building Firefox with Rust code - Archive of obsolete content
if you want to call code in the "e10s" crate, you would add: extern crate e10s; to toolkit/library/rust/shared/lib.rs; you would also need to specify the path to that crate in the dependencies section of toolkit/library/rust/shared/cargo.toml: [dependencies] e10s = { path = "../../../../path/from/srcdir/e10s" } the e10s crate must also be
checked into the tree at the appropriate path.
... if the e10s crate depends on any other crates, their sources must also be
checked into the tree, and e10s's cargo.toml must have path attributes for each of its dependencies, and so on.
... cargo.lock files have also been
checked in, so you will need to update those as well when appropriate.
New Security Model for Web Services - Archive of obsolete content
allowing web script access to permit scripts to access the resources of this server, use the following command: <wsa:allow type="<request-type>" from ="<uri-prefix>"/> the type of request, if specified, will be
checked against the type of request being requested by the script, such as "soap", "soapv", or "load".
... the principle uri of the script will be
checked for the specified uri prefix.
... note: script access is
checked via declaration file only if the script security manager denies access.
menuitem.type - Archive of obsolete content
checkbox the menuitem is
checked.
... the
checked attribute determines whether the menuitem is
checked or not.
...only one menuitem in the same radio group can be
checked at once.
treecol.type - Archive of obsolete content
here is an example css style using the current theme's checkboxes: treechildren::-moz-tree-checkbox { /* un
checked checkbox treecells.
... this style must come before treechildren::-moz-tree-checkbox(
checked) otherwise it won't take effect.
... */ list-style-image: none; } treechildren::-moz-tree-checkbox(
checked) { /*
checked checkbox treecells.
Commands - Archive of obsolete content
note that an element may have multiple controllers, which will all be
checked.
... if the currently focused element does not have a suitable controller, the window is
checked next.
...if the focus is inside a frame, each frame leading to the top-level window is
checked as as well.
Modifying the Default Skin - Archive of obsolete content
you can assign images to a button, checkbox and other elements by using the list-style-image property as in the following: checkbox { list-style-image: url("chrome://findfile/skin/images/check-off.jpg"); } checkbox[
checked="true"] { list-style-image: url("chrome://findfile/skin/images/check-on.jpg"); } this code changes the image associated with a checkbox.
... the first style sets the image for a normal checkbox and the second style sets the image for a
checked checkbox.
... the modifier '
checked=true' makes the style only apply to elements which have their
checked attributes set to true.
checkbox - Archive of obsolete content
attributes accesskey,
checked, command, crop, disabled, src, label, preference, tabindex properties accesskey, accessibletype,
checked, command, crop, disabled, src, label, tabindex examples <checkbox label="enable javascript"
checked="true"/> <checkbox label="enable java"
checked="false"/> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...
checked type: boolean indicates whether the element is
checked or not.
...
checked type: boolean gets and sets the value of the
checked attribute.
listitem - Archive of obsolete content
attributes accesskey,
checked, command, crop, current, disabled, image, label, preference, selected, tabindex, type, value properties accesskey, accessible,
checked, control, crop, current, disabled, image, label, selected, tabindex, value style classes listitem-iconic examples <listbox id="thelist"> <listitem label="ruby"/> <listitem label="emerald"/> <listitem label="sapphire" selected="true"/> <listi...
...
checked type: boolean indicates whether the element is
checked or not.
...
checked type: boolean gets and sets the value of the
checked attribute.
treecol - Archive of obsolete content
treechildren::-moz-tree-checkbox { /* un
checked checkbox treecells.
... this style must come before treechildren::-moz-tree-checkbox(
checked) otherwise it won't take effect.
... */ list-style-image: none; } treechildren::-moz-tree-checkbox(
checked){ /* css for
checked cells.
How to build custom form controls - Learn web development
<fieldset> <legend>pick a fruit</legend> <ul class="styledselect"> <li><input type="radio" name="fruit" value="cherry" id="fruitcherry"
checked><label for="fruitcherry">cherry</label></li> <li><input type="radio" name="fruit" value="lemon" id="fruitlemon"><label for="fruitlemon">lemon</label></li> <li><input type="radio" name="fruit" value="banana" id="fruitbanana"><label for="fruitbanana"">banana</label></li> <li><input type="radio" name="fruit" value="strawberry" id="fruitstrawberry"><label for="fruitstrawberry">straw...
...like the earlier example, just to show that it can be done: .styledselect { display: inline-block; padding: 0; } .styledselect li { list-style-type: none; padding: 0; display: flex; } .styledselect [type=radio] { position: absolute; left: -100vw; top: -100vh; } .styledselect label { margin: 0; line-height: 2; padding: 0 0 0 4px; } .styledselect:not(:focus-within) input:not(:
checked) + label { height: 0; outline: none; overflow: hidden; } .styledselect:not(:focus-within) input:
checked + label { border: .2em solid #000; border-radius: .4em; box-shadow: 0 .1em .2em rgba(0,0,0,.45); } .styledselect:not(:focus-within) input:
checked + label::after { content : "▼"; background: black; float: right; color: white; padding: 0 4px; margin: 0 -4px 0 4px; } .sty...
...ledselect:focus-within { border: .2em solid #000; border-radius: .4em; box-shadow: 0 .1em .2em rgba(0,0,0,.45); } .styledselect:focus-within input:
checked + label { background-color: #333; color: #fff; width: 100%; } with no javascript, and just a little bit of css, we are able to style the list of radio buttons to display only the
checked item.
React interactivity: Events and state - Learn web development
as a feature of html, the browser knows how to remember which checkbox inputs are
checked or un
checked without our help.
...the <input /> should now look like this: <input id={props.id} type="checkbox" default
checked={props.completed} onchange={() => props.toggletaskcompleted(props.id)} /> save everything and return to your browser and notice that our first task, eat, is
checked.
... if the task’s id property matches the id provided to the function, we use object spread syntax to create a new object, and toggle the
checked property of that object before returning it.
Starting our Svelte Todo list app - Learn web development
<button class="btn btn__primary todo-edit" type="submit"> save <span class="visually-hidden">new name for create a svelte starter app</span> </button> </div> </form> </div> </li> <!-- todo-2 --> <li class="todo"> <div class="stack-small"> <div class="c-cb"> <input type="checkbox" id="todo-2"
checked/> <label for="todo-2" class="todo-label"> create your first component </label> </div> <div class="btn-group"> <button type="button" class="btn"> edit <span class="visually-hidden">create your first component</span> </button> <button type="button" class="btn btn__danger"> delete ...
... the accessibility rules
checked by svelte are taken from eslint-plugin-jsx-a11y, a plugin for eslint that provides static checks for many accessibility rules on jsx elements.
...us + label::before { border-width: 4px; outline: 3px dashed #228bec; } .c-cb > label::after { box-sizing: content-box; content: ""; position: absolute; top: 11px; left: 9px; width: 18px; height: 7px; transform: rotate(-45deg); border: solid; border-width: 0 0 5px 5px; border-top-color: transparent; opacity: 0; background: transparent; } .c-cb > input[type="checkbox"]:
checked + label::after { opacity: 1; } with our markup styled, everything now looks better: the code so far git to see the state of the code as it should be at the end of this article, access your copy of our repo like this: cd mdn-svelte-tutorial/03-adding-dynamic-behavior or directly download the folder's content: npx degit opensas/mdn-svelte-tutorial/03-adding-dynamic-behavior remember to ...
Componentizing our Svelte app - Learn web development
put the following contents inside this file: <script> export let todo </script> <div class="stack-small"> <div class="c-cb"> <input type="checkbox" id="todo-{todo.id}" on:click={() => todo.completed = !todo.completed}
checked={todo.completed} /> <label for="todo-{todo.id}" class="todo-label">{todo.name}</label> </div> <div class="btn-group"> <button type="button" class="btn"> edit <span class="visually-hidden">{todo.name}</span> </button> <button type="button" class="btn btn__danger" on:click={() => alert('not implemented')}> delete <span class="visually-hidden">{todo.name}</span> ...
... {:else} <div class="c-cb"> <input type="checkbox" id="todo-{todo.id}" on:click={ontoggle}
checked={todo.completed} > <label for="todo-{todo.id}" class="todo-label">{todo.name}</label> </div> <div class="btn-group"> <button type="button" class="btn" on:click={onedit}> edit<span class="visually-hidden"> {todo.name}</span> </button> <button type="button" class="btn btn__danger" on:click={onremove}> delete<span class="visually-hidden"> {todo.name}</span> </...
...}</span> </button> <button class="btn btn__primary todo-edit" type="submit" disabled={!name}> save<span class="visually-hidden">new name for {todo.name}</span> </button> </div> </form> {:else} <!-- markup for displaying todo: checkbox, label, edit and delete button --> <div class="c-cb"> <input type="checkbox" id="todo-{todo.id}" on:click={ontoggle}
checked={todo.completed} > <label for="todo-{todo.id}" class="todo-label">{todo.name}</label> </div> <div class="btn-group"> <button type="button" class="btn" on:click={onedit}> edit<span class="visually-hidden"> {todo.name}</span> </button> <button type="button" class="btn btn__danger" on:click={onremove}> delete<span class="visually-hidden"> {todo.name}</span> </...
Vue conditional rendering: editing existing todos - Learn web development
<template> <div class="stack-small"> <div class="custom-checkbox"> <input type="checkbox" class="checkbox" :id="id" :
checked="isdone" @change="$emit('checkbox-changed')" /> <label :for="id" class="checkbox-label">{{label}}</label> </div> <div class="btn-group"> <button type="button" class="btn" @click="toggletoitemeditform"> edit <span class="visually-hidden">{{label}}</span> </button> <button type="button" class="btn btn__danger" @click="deletetodo"> delete...
... <to-do-item> listens for: checkbox-changed event emitted by the checkbox <input> inside the todoitem component when it is
checked or un
checked.
... result: checkbox-changed event emitted when the checkbox is
checked/un
checked (which is then listened for inside app.vue; see above).
HTML parser threading
parser termination is
checked before each tree op for an early return, because, unfortunately, gecko expects parsers to be able to terminate immediately.
... after each tree op except the last one in the queue, the clock time is
checked to see if runflushloop() has spent too much time without returning to the event loop.
...attempting to execute a script on the main thread, when the tree op executor executes a tree op that attempts to execute a script, the tree op is first
checked for a tree builder state snapshot.
How to get a stacktrace with WinDbg
a: you ran the application without the "debug child processes also" check box being
checked.
... you need to detach the debugger and open the application again, this time with the check box being
checked.
...check the file menu of internet explorer to ensure "work offline" is un
checked.
Index
o with the -jar command, signatures on the jar file are not
checked.
... if the current platform cannot be found in the list of supported platforms, then the forwardcompatible list is
checked for any platforms that have the same os and architecture in an earlier version.
...this option is useful if you want the expiration date of the signature
checked against the current date and time rather than the time the files were signed.
XPIDL
attributes named 'iid' and methods named 'getiid' are forbidden, although this is
checked before binaryname conversion.
... the must_use property is useful if the result of a method call or an attribute get/set should always (or usually) be
checked, which is frequently the case.
...a method that opens a file should almost certainly have its result
checked.) this property will cause moz_must_use to be added to the generated function declarations, which means certain compilers (e.g.
Settings - Firefox Developer Tools
as of firefox 62, if the option to "select an iframe as the currently targeted document" is
checked, the icon will appear in the toolbar while the settings tab is displayed, even if the current page doesn't include any iframes.
...with this setting
checked, the page inspector rules view will also provide links to the original sources.
... indent using spaces when
checked, indentation will be performed using spaces, when off, the editor will use tabs instead.
An overview of accessible web applications and widgets - Accessibility
presentational changes dynamic presentational changes include using css to change the appearance of content (such as a red border around invalid data, or changing the background color of a
checked checkbox), as well as showing or hiding content.
...examples include (but are certainly not limited to): aria-
checked: indicates the state of a checkbox or radio button aria-disabled: indicates that an element is visible, but not editable or otherwise operable aria-grabbed: indicates the 'grabbed' state of an object in a drag-and-drop operation (for a full list of aria states, consult the aria list of states and properties.) developers should use aria states to indicate the state of ui widget elements and use css attribute selectors to alter the visual appearance based on the state changes (rather than using script to change a class name on the element).
...javascript to update the aria-
checked attribute var showtip = function(el) { el.setattribute('aria-hidden', 'false'); } role changes aria allows developers to declare a semantic role for an element that otherwise offers incorrect or no semantics.
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
[important] get_accstate: a 32 bit field representing possible on/off states, such as focused, focusable, selected, selectable, visible, protected (for passwords),
checked, etc.
...there's a very good chance they won't ask for more than the states marked [important]: state_unavailable [important] state_selected [important] state_focused [important] state_pressed state_
checked [important] state_mixed state_readonly [important] state_hottracked state_default [important] state_expanded [important] state_collapsed [important] state_busy [important] state_floating state_marqueed state_animated state_invisible state_offscreen [important] state_sizeable state_moveable state_selfvoicing state_focusable [important]...
...in fact, when a control has its own window, it's easy for a 3rd party application to know whether the object is disabled, focused, hidden,
checked, etc.
Border-image generator - CSS: Cascading Style Sheets
und-position: center center; background-repeat: no-repeat; color: #fff; border-radius: 2px; font-weight: bold; float: left; } .ui-checkbox .text { padding-left: 34px; background-position: center left 10px; } .ui-checkbox .left { padding-right: 34px; padding-left: 1.666em; background-position: center right 10px; } .ui-checkbox > label:hover { cursor: pointer; } .ui-checkbox > input:
checked + label { background-image: url("https://mdn.mozillademos.org/files/5681/
checked.png"); background-color: #379b4a; } /*************************************************************************************/ /*************************************************************************************/ /* * border image generator tool */ body { width: 100%; margin: 0 auto; padding: 0 0 20px 0; f...
...bute('data-topic'); var state = node.getattribute('data-state'); var name = node.getattribute('data-label'); var align = node.getattribute('data-text-on'); state = (state === "true"); var checkbox = document.createelement("input"); var label = document.createelement("label"); var id = 'checkbox-' + topic; checkbox.id = id; checkbox.setattribute('type', 'checkbox'); checkbox.
checked = state; label.setattribute('for', id); if (name) { label.classname = 'text'; if (align) label.classname += ' ' + align; label.textcontent = name; } node.appendchild(checkbox); node.appendchild(label); this.node = node; this.topic = topic; this.checkbox = checkbox; checkbox.addeventlistener('change', function(e) { notify.call(this); }.bind(this)); button...
...s[topic] = this; }; var getnode = function getnode(topic) { return buttons[topic].node; }; var setvalue = function setvalue(topic, value) { var obj = buttons[topic]; if (obj === undefined) return; obj.checkbox.
checked = value; notify.call(obj); }; var subscribe = function subscribe(topic, callback) { if (subscribers[topic] === undefined) subscribers[topic] = []; subscribers[topic].push(callback); }; var unsubscribe = function unsubscribe(topic, callback) { subscribers[topic].indexof(callback); subscribers[topic].splice(index, 1); }; var notify = function notify() { if (subscribers[this.topic] === undefined) return; for (var i = 0; i < subscribers[this.topic].length; i++) subscribers[this.topic][i](this.checkbox.
checked); }; var init = functio...
Border-radius generator - CSS: Cascading Style Sheets
und-position: center center; background-repeat: no-repeat; color: #fff; border-radius: 3px; font-weight: bold; float: left; } .ui-checkbox .text { padding-left: 34px; background-position: center left 10px; } .ui-checkbox .left { padding-right: 34px; padding-left: 1.666em; background-position: center right 10px; } .ui-checkbox > label:hover { cursor: pointer; } .ui-checkbox > input:
checked + label { background-image: url("https://mdn.mozillademos.org/files/5681/
checked.png"); background-color: #379b4a; } body { max-width: 1000px; margin: 0 auto; font-family: "segoe ui", arial, helvetica, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-selec...
...bute('data-topic'); var state = node.getattribute('data-state'); var name = node.getattribute('data-label'); var align = node.getattribute('data-text-on'); state = (state === "true"); var checkbox = document.createelement("input"); var label = document.createelement("label"); var id = 'checkbox-' + topic; checkbox.id = id; checkbox.setattribute('type', 'checkbox'); checkbox.
checked = state; label.setattribute('for', id); if (name) { label.classname = 'text'; if (align) label.classname += ' ' + align; label.textcontent = name; } node.appendchild(checkbox); node.appendchild(label); this.node = node; this.topic = topic; this.checkbox = checkbox; checkbox.addeventlistener('change', function(e) { notify.call(this); }.bind(this)); button...
...s[topic] = this; } var getnode = function getnode(topic) { return buttons[topic].node; } var setvalue = function setvalue(topic, value) { try { buttons[topic].checkbox.
checked = value; } catch(error) { console.log(error); } } var subscribe = function subscribe(topic, callback) { if (subscribers[topic] === undefined) subscribers[topic] = []; subscribers[topic].push(callback); } var unsubscribe = function unsubscribe(topic, callback) { subscribers[topic].indexof(callback); subscribers[topic].splice(index, 1); } var notify = function notify() { for (var i = 0; i < subscribers[this.topic].length; i++) subscribers[this.topic][i](this.checkbox.
checked); } var init = function init() { var elem = document.queryselectorall('.ui-checkbox'); var size =...
Pseudo-classes - CSS: Cascading Style Sheets
/* any button over which the user's pointer is hovering */ button:hover { color: blue; } pseudo-classes let you apply a style to an element not only in relation to the content of the document tree, but also in relation to external factors like the history of the navigator (:visited, for example), the status of its content (like :
checked on certain form elements), or the position of the mouse (like :hover, which lets you know if the mouse is over an element or not).
... index of standard pseudo-classes :active :any-link :blank :
checked :current :default :defined :dir() :disabled :drop :empty :enabled :first :first-child :first-of-type :fullscreen :future :focus :focus-visible :focus-within :has() :host :host() :host-context() :hover :indeterminate :in-range :invalid :is() :lang() :last-child :last-of-type :left :link :local-link :not() :nth-child() :nth-col() :nth-last-child() :nth-last-col() :nth-last-of-type() :nth-of-type() :only-...
... defined the syntax of :enabled, :disabled, :
checked, and :indeterminate, but without the associated semantic meaning.
<menuitem> - HTML: Hypertext Markup Language
checked boolean attribute which indicates whether the command is selected.
...may not be used within a menu item that also includes the attributes
checked, disabled, icon, label, radiogroup or type.
... example html content <!-- a <div> element with a context menu --> <div contextmenu="popup-menu"> right-click to see the adjusted context menu </div> <menu type="context" id="popup-menu"> <menuitem type="checkbox"
checked>checkbox</menuitem> <hr> <menuitem type="command" label="this command does nothing" icon="https://developer.cdn.mozilla.net/static/img/favicon144.png"> commands don't render their contents.
Dialogs and Prompts - Archive of obsolete content
x id="enabled" label="check to enable"/></row> </rows> </grid> </dialog> mydialog.js: // called once when the dialog displays function onload() { // use the arguments passed to us by the caller document.getelementbyid("name").value = window.arguments[0].inn.name; document.getelementbyid("description").value = window.arguments[0].inn.description; document.getelementbyid("enabled").
checked = window.arguments[0].inn.enabled; } // called once if and only if the user clicks ok function onok() { // return the changed arguments.
... // notice if user clicks cancel, window.arguments[0].out remains null // because this function is never called window.arguments[0].out = {name:document.getelementbyid("name").value, description:document.getelementbyid("description").value, enabled:document.getelementbyid("enabled").
checked}; return true; } see also passing parameter to a dialog and getting return values from it.
Enhanced Extension Installation - Archive of obsolete content
in the profile directory, the file compatibility.ini stores information about the version of the application (build info) that last started this profile - during startup this file is
checked and if the version info held by the running app disagrees with the info held by this file, a compatibility check is run on all installed items.
...the guid and version supplied are validated, and then compatibility is
checked for by the new _getinstalldata function.
Interaction between privileged and non-privileged pages - Archive of obsolete content
var targetdoc = null; function onload() { var iframe = document.getelementbyid("contentiframe"); targetdoc = iframe.contentdocument; iframe.contentwindow.addeventlistener("newstuff", receivestufffrompage, false); } function receivestufffrompage(event) { var uc = geteventdata(event); // uc = un
checked data in form of e4x xml var stuff = {}; stuff.id = sanitize.integer(uc.@id); stuff.name = sanitize.label(uc.@name); } function sendsomethingtopage (something) { var somethingxml = <something/>; // |something| object as e4x xml somethingxml.@id = something.id; somethingxml.@weight = something.weight; sendmsg("sendsomething", somethingxml); } /** * send msgs from chrome to the page...
... * @returns {e4x} the (un
checked) detail data from the page.
Adding windows and dialogs - Archive of obsolete content
<checkbox id="xulschoolhello-some-checkbox" label="&xulschoolhello.sometext.label;"
checked="false" persist="
checked" /> setting the id attribute of the element is mandatory if you want the persist attribute to work.
... you can also set persistence programatically using the document.persist function: document.persist("xulschoolhello-some-checkbox", "
checked"); persistent data is stored in the user profile, in the file localstore.rdf.
Inner-browsing extending the browser navigation paradigm - Archive of obsolete content
good candidates for inner-browsing include a spell check application, in which the text entered in a web page is
checked as it is typed; a webmail application that uses the inner-browsing model to display the separate messages and message lists in an integrated way, much like a client mail app; and a stock ticker that spools the information across the web page.
...today, this publishing system allows your users to modify content for the portal, but in order to have their text spell
checked they must click somewhere and wait for the response page.
New Skin Notes - Archive of obsolete content
--dria stuff that's been fixed note that while i've made these fixes, they haven't necessarily been
checked in yet.
...this is not what user expects (well, i don't expect sites to style visited and non-visited links the same), and it's false that other documentation sites do this (i just
checked apple's and microsoft's sites).
autocheck - Archive of obsolete content
« xul reference home autocheck type: boolean if this attribute is true or left out, the
checked state of the button will be switched each time the button is pressed.
... if this attribute is false, the
checked state must be adjusted manually.
menuitem.name - Archive of obsolete content
only one menuitem in each radio group can be
checked at a time.
... example <toolbox> <menubar id="planets-menubar"> <menu id="planet-menu" label="planet"> <menupopup> <menuitem id="jupiter" label="jupiter" type="radio" name="planet"/> <menuitem id="saturn" label="saturn" type="radio" name="planet"
checked="true"/> <menuitem id="uranus" label="uranus" type="radio" name="planet"/> </menupopup> </menu> </menubar> </toolbox> see also name and menus in the xul tutorial ...
XUL Events - Archive of obsolete content
event description checkboxstatechange this event is sent when a checkbox is
checked or un
checked, either by the user or a script.
... normally, you would use the command event to listen to checkbox changes, however, the command event is only sent when the user modifies the value, while the checkboxstatechange event is also sent when a script modifies the
checked property of a checkbox.
Document Object Model - Archive of obsolete content
for example, we could get the state of a check box by using the code below: var state = document.getelementbyid('casecheck').
checked; the value casecheck corresponds to the id of the case sensitive checkbox.
... once we have an indication of whether it is
checked or not, we can use the state to perform the search.
XULRunner tips - Archive of obsolete content
xulrunner 1.8.0 does not load extensions from the application directory; only the xulrunner directory and the user profile directory are
checked.
... however, it seems that with xulrunner 1.9 the xulrunner directory is ignored, while the profile and application directories are
checked.
reftest opportunities files - Archive of obsolete content
it is not always clear why particular files were
checked in, but one presumes that something needed to be
checked.
... many of these were
checked with the layout regression test tool, which has been described as difficult to use and it apparently reported a lot of regressions that were not errors.
Introduction to Public-Key Cryptography - Archive of obsolete content
red hat software uses the following procedure for forming and verifying a certificate chain, starting with the certificate being presented for authentication: the certificate validity period is
checked against the current time provided by the verifier's system clock.
...otherwise, the issuer's certificate is
checked to make sure it contains the appropriate subordinate ca indication in the red hat certificate type extension, and chain verification returns to step 1 to start again, but with this new certificate.
Using the Right Markup to Invoke Plugins - Archive of obsolete content
if the user has
checkedalways use the netscape plugin finder service to get plugins then whether these attributes are specified or not makes no difference -- the browser willalways consult with the plugin finder service to determine if it has a plugin to handle the missing mime type.
... if the preference is un
checked, the plugin finder service will be consulted only if the web page authordoes not specify either of these attributes.
WAI-ARIA basics - Learn web development
for example, in our form-validation-checkbox-disabled.html demo there is a checkbox that when
checked, enables another form input to allow further information be entered.
...when this is
checked/un
checked, we update the text inside the hidden live region to tell screenreader users what the result of checking this checkbox is, as well as updating the aria-disabled state, and some visual indicators too: function togglemusician(bool) { let instruitem = formitems[formitems.length-1]; if(bool) { instruitem.input.disabled = false; instruitem.label.style.color = '#000'; instruitem.input.setattribute('aria-disabled', 'false'); hiddenalert.textcontent = 'instruments played field now enabled; use it to tell us what you play.'; } else { instruitem.input.disabled = true; instruitem.label.style.color = '#999'...
Practical positioning examples - Learn web development
in this case we are intending to make the panel slide smoothly onscreen when the checkbox is
checked.
... setting the
checked state there is one final bit of css to add — put the following at the bottom of your css: input[type=checkbox]:
checked + aside { right: 0px; } the selector is pretty complex here — we are selecting the <aside> element adjacent to the <input> element, but only when it is
checked (note the use of the :
checked pseudo-class to achieve this).
Advanced form styling - Learn web development
let's start by unstyling the original check boxes: input[type="checkbox"] { -webkit-appearance: none; appearance: none; } we can use the :
checked and :disabled pseudo-classes to change the appearance of our custom checkbox as its state changes: input[type="checkbox"] { position: relative; width: 1em; height: 1em; border: 1px solid gray; /* adjusts the position of the checkboxes on the text baseline */ vertical-align: -2px; /* set here so that windows' high-contrast mode can override */ color: green; } input[type="checkbox...
..."]::before { content: "✔"; position: absolute; font-size: 1.2em; right: -1px; top: -0.3em; visibility: hidden; } input[type="checkbox"]:
checked::before { /* use `visibility` instead of `display` to avoid recalculating layout */ visibility: visible; } input[type="checkbox"]:disabled { border-color: black; background: #ddd; color: gray; } you'll find more out about such pseudo-classes and more in the next article; the above ones do the following: :
checked — the checkbox (or radio button) is in a
checked state — the user has clicked/activated it.
Index - Learn web development
at this point we have a nicely-working todoitem component that can be passed a label to display, will store its
checked state, and will be rendered with a unique id each time it is called.
...next we'll move on to getting our footer functionality working, including the todo counter, and look at conditional rendering, including correctly styling todos when they've been
checked.
Ember Interactivity: Footer functionality, conditional rendering - Learn web development
where the checkbox has been
checked).
...ere we're using some more conditional content to add the class value if appropriate: <li class="{{ if @todo.iscompleted 'completed' }}"> next, find the following line: <input aria-label="toggle the completion of this todo" class="toggle" type="checkbox" > and replace it with this: <input class="toggle" type="checkbox" aria-label="toggle the completion of this todo"
checked={{ @todo.iscompleted }} {{ on 'change' (fn this.todos.togglecompletion @todo) }} > note: the above snippet uses a new ember-specific keyword — fn.
TypeScript support in Svelte - Learn web development
typescript also has some disadvantages: not true static typing: types are only
checked at compile time, and they are removed from the generated code.
...'
checked' : 'un
checked'} ${todos.length} todos` } const removecompletedtodos = () => { $alert = `removed ${todos.filter(t => t.completed).length} todos` todos = todos.filter(t => !t.completed) } </script> todosstatus.svelte we are encountering the following errors related to passing todos to the todosstatus.svelte (and todo.svelte) components: ./src/components/todos.svelte:70:39 error:...
Gecko info for Windows accessibility vendors
indicates that the absence of state_
checked should be spoken as // "un
checked", and that event_state_change will be fired in the event that the // checkbox is toggled.
...ly by ms windows role_client xul: <browser> html: <frame> or <iframe> role_menupopup dhtml: role="wairole:menu" fires event_menupopupstart, event_menupopupend role_menuitem xul: menuitem dhtml: role="wairole:menuitem" sets state_
checked for radio or checkbox menuitem types accelerator key comes in accname after a \t (tab) character.
Accessible Toolkit Checklist
for example, lists of checkboxes are implemented in windows with images of
checked and un
checked checkboxes.
... get_accstate: a 32 bit field representing possible on/off states, such as focused, focusable, selected, selectable, visible, protected (for passwords),
checked, etc.
Android-specific test suites
however, the existing configuration can be tweaked and the set of files
checked can be modified.
...however, the existing configuration can be tweaked and the set of files
checked can be modified.
Creating reftest-based unit tests
these are files that have been
checked in to be tested.
...i have seen a case where the html file in the bug had a problem, but the
checked-in version was "cleaned up" and not valid for testing.
Old Thunderbird build
building thunderbird before you start, make sure that the version you
checked out is not busted.
...the current status of the trunk can also be
checked at https://treestatus.mozilla.org/ if the trunk is broken (i.e.
Simple Instantbird build
to do this you can use mach clobber
checked the instantbird buildbot for known failures at the time you pulled the code?
...
checked to make sure that the path in which you placed the source code has no spaces, and is not too long?
Simple Thunderbird build
add the following line to your mozconfig file: ac_add_options --enable-calendar to add that line you can do this in the source/ directory: echo 'ac_add_options --enable-calendar' >> mozconfig building before you start, make sure that the version you
checked out is not busted.
...the current status of the trunk can also be
checked at https://treestatus.mozilla.org/ if the trunk is broken (i.e.
Hacking with Bonsai
many times, code
checked in would compile or run on a handful of platforms.
...use the bonsai query tool to see what's been
checked in to the tree lately and to look at differences between versions.
Responsive Design Mode - Firefox Developer Tools
if you
checked "screenshot to clipboard" in the developer tools settings page, then the screenshot will be copied to the system clipboard.
... on the right end of the screen, three buttons allow you to: camera button - take a screenshot settings button - opens the rdm settings menu close button - closes rdm mode and returns to regular browsing the settings menu includes the following commands: left-align viewport - when
checked moves the rdm viewport to the left side of the browser window show user agent - when
checked displays the user agent string the final two options define when the page is reloaded: reload when touch simulation is toggled: when this option is enabled, the page is reloaded whenever you toggle touch support.
Pixel manipulation with canvas - Web APIs
zoom example <canvas id="canvas" width="300" height="227"></canvas> <canvas id="zoom" width="300" height="227"></canvas> <div> <label for="smoothbtn"> <input type="checkbox" name="smoothbtn"
checked="
checked" id="smoothbtn"> enable image smoothing </label> </div> var img = new image(); img.src = 'https://mdn.mozillademos.org/files/5397/rhino.jpg'; img.onload = function() { draw(this); }; function draw(img) { var canvas = document.getelementbyid('canvas'); var ctx = canvas.getcontext('2d'); ctx.drawimage(img, 0, 0); img.style.display = 'none'; var zoomctx = document.geteleme...
...ntbyid('zoom').getcontext('2d'); var smoothbtn = document.getelementbyid('smoothbtn'); var togglesmoothing = function(event) { zoomctx.imagesmoothingenabled = this.
checked; zoomctx.mozimagesmoothingenabled = this.
checked; zoomctx.webkitimagesmoothingenabled = this.
checked; zoomctx.msimagesmoothingenabled = this.
checked; }; smoothbtn.addeventlistener('change', togglesmoothing); var zoom = function(event) { var x = event.layerx; var y = event.layery; zoomctx.drawimage(canvas, math.min(math.max(0, x - 5), img.width - 10), math.min(math.max(0, y - 5), img.height - 10), 10, 10, 0, 0, 200, 200); }; canvas.addeventlistener('mousemove', zoom); } sav...
Element: overflow event - Web APIs
bubbles yes cancelable yes interface uievent event handler property unknown examples <div id="wrapper"> <div id="child"></div> </div> <br/> <label><input type="checkbox" id="toggle"
checked/> overflow</label> <style> #wrapper { width: 20px; height: 20px; background: #000; padding: 5px; overflow: hidden; } #child { width: 40px; height: 40px; border: 2px solid grey; background: #ccc; } </style> <script> var wrapper = document.getelementbyid("wrapper"), child = document.getelementbyid("child"), toggle = document.getelementbyid...
...("toggle"); wrapper.addeventlistener("overflow", function( event ) { console.log( event ); }, false); wrapper.addeventlistener("underflow", function( event ) { console.log( event ); }, false); toggle.addeventlistener("change", function( event ) { if ( event.target.
checked ) { child.style.width = "40px"; child.style.height = "40px"; } else { child.style.width = "10px"; child.style.height = "10px"; } }, false); </script> specifications not part of any specification.
Element: underflow event - Web APIs
bubbles yes cancelable yes interface uievent event handler property unknown examples <div id="wrapper"> <div id="child"></div> </div> <br/> <label><input type="checkbox" id="toggle"
checked/> overflow</label> <style> #wrapper { width: 20px; height: 20px; background: #000; padding: 5px; overflow: hidden; } #child { width: 40px; height: 40px; border: 2px solid grey; background: #ccc; } </style> <script> var wrapper = document.getelementbyid("wrapper"), child = document.getelementbyid("child"), toggle = document.getelementbyid...
...("toggle"); wrapper.addeventlistener("overflow", function( event ) { console.log( event ); }, false); wrapper.addeventlistener("underflow", function( event ) { console.log( event ); }, false); toggle.addeventlistener("change", function( event ) { if ( event.target.
checked ) { child.style.width = "40px"; child.style.height = "40px"; } else { child.style.width = "10px"; child.style.height = "10px"; } }, false); </script> specifications not part of any specification.
GlobalEventHandlers.oninvalid - Web APIs
the invalid event fires when a submittable element has been
checked and doesn't satisfy its constraints.
... the validity of submittable elements is
checked before submitting their owner form, or after the checkvalidity() method of the element or its owner form is called.
Drag Operations - Web APIs
note: you must cancel the dragenter event for this pseudoclass to apply, as this state is not
checked for the dragover event.
...(naturally, though, you would likely know that the right type of data was available, as it was previously
checked during a dragover event.) in the example here, once the data has been retrieved, we insert the string as the textual content of the target.
IntersectionObserver.takeRecords() - Web APIs
the intersectionobserver method takerecords() returns an array of intersectionobserverentry objects, one for each targeted element which has experienced an intersection change since the last time the intersections were
checked, either explicitly through a call to this method or implicitly by an automatic call to the observer's callback.
... return value an array of intersectionobserverentry objects, one for each target element whose intersection with the root has changed since the last time the intersections were
checked.
Timing element visibility with the Intersection Observer API - Web APIs
dbox.dataset.lastviewstarted = 0; }); } } else { previouslyvisibleads.foreach(function(adbox) { adbox.dataset.lastviewstarted = performance.now(); }); visibleads = previouslyvisibleads; previouslyvisibleads = null; } } since the event itself doesn't state whether the document has switched from visible to invisible or vice-versa, the document.hidden property is
checked to see if the document is not currently visible.
...0 if the ad was not visible as of the last time it was
checked.
Using the MediaStream Recording API - Web APIs
checkbox hack for showing/hiding this is fairly well documented already, but we thought we'd give a mention to the checkbox hack, which abuses the fact that you can click on the <label> of a checkbox to toggle it
checked/un
checked.
... and give it a transition for smooth showing/hiding: aside { position: fixed; top: 0; left: 0; text-shadow: 1px 1px 1px black; width: 100%; height: 100%; transform: translatex(100%); transition: 0.6s all; background-color: #999; background-image: linear-gradient(to top right, rgba(0,0,0,0), rgba(0,0,0,0.5)); } last, we write a rule to say that when the checkbox is
checked (when we click/focus the label), the adjacent <aside> element will have its horizontal translation value changed and transition smoothly into view: input[type=checkbox]:
checked ~ aside { transform: translatex(0); } basic app setup to grab the media stream we want to capture, we use getusermedia().
Navigator.mozIsLocallyAvailable() - Web APIs
syntax navigator.mozislocallyavailable(uri, ifoffline); parameters uri the uri of the resource whose availability is to be
checked, as a string.
... ifoffline allows you to specify whether or not the offline resources cache should be
checked; specify true to consider the offline resources cache.
NodeList - Web APIs
for...of loops will loop over nodelist objects correctly: const list = document.queryselectorall('input[type=checkbox]'); for (let checkbox of list) { checkbox.
checked = true; } recent browsers also support iterator methods (foreach()) as well as entries(), values(), and keys().
... there is also an internet explorer-compatible way to use array.prototype.foreach for iteration: const list = document.queryselectorall('input[type=checkbox]'); array.prototype.foreach.call(list, function (checkbox) { checkbox.
checked = true; }); specifications specification status comment domthe definition of 'nodelist' in that specification.
RTCPeerConnection.iceConnectionState - Web APIs
"completed" the ice agent has finished gathering candidates, has
checked all pairs against one another, and has found a connection for all components.
... "failed" the ice candidate has
checked all candidates pairs against one another and has failed to find compatible matches for all components of the connection.
RTCPeerConnection - Web APIs
"completed" the ice agent has finished gathering candidates, has
checked all pairs against one another, and has found a connection for all components.
... "failed" the ice candidate has
checked all candidates pairs against one another and has failed to find compatible matches for all components of the connection.
Using the Web Speech API - Web APIs
speech recognition speech recognition involves receiving speech through a device's microphone, which is then
checked by a speech recognition service against a list of grammar (basically, the vocabulary you want to have recognised in a particular app.) when a word or phrase is successfully recognised, it is returned as a result (or list of results) as a text string, and further actions can be initiated as a result.
...we then loop through this list — for each voice we create an <option> element, set its text content to display the name of the voice (grabbed from speechsynthesisvoice.name), the language of the voice (grabbed from speechsynthesisvoice.lang), and -- default if the voice is the default voice for the synthesis engine (
checked by seeing if speechsynthesisvoice.default returns true.) we also create data- attributes for each option, containing the name and language of the associated voice, so we can grab them easily later on, and then append the options as children of the select.
Using XMLHttpRequest - Web APIs
*/ for (nfile = 0; nfile < ofield.files.length; this.segments.push(ffilter(ofield.name) + "=" + ffilter(ofield.files[nfile++].name))); } } else if ((sfieldtype !== "radio" && sfieldtype !== "checkbox") || ofield.
checked) { /* note: this will submit _all_ submit buttons.
... ofield.getattribute("type").touppercase() : "text"; if (sfieldtype === "file") { for (nfile = 0; nfile < ofield.files.length; ssearch += "&" + escape(ofield.name) + "=" + escape(ofield.files[nfile++].name)); } else if ((sfieldtype !== "radio" && sfieldtype !== "checkbox") || ofield.
checked) { ssearch += "&" + escape(ofield.name) + "=" + escape(ofield.value); } } oreq.open("get", oformelement.action.replace(/(?:\?.*)?$/, ssearch.replace(/^&/, "?")), true); oreq.send(null); } } </script> </head> <body> <h1>sending forms with formdata</h1> <h2>using the get method</h2> <form action="register.php" method="get" onsubmit="ajaxsubmit(this); return false;"> ...
XRPermissionDescriptor.requiredFeatures - Web APIs
this ensures that permissions are
checked as applicable to ensure that those features are available upon request.
... xrreferencespace usage notes examples in this example, permissions are
checked to ensure that the user has granted permission for the site or app to use immersive augmented reality mode with the local-floor reference space (presumably since the user is unlikely to start to fly).
WAI-ARIA Roles - Accessibility
elements containing role="checkbox" must also include the aria-
checked attribute to expose the checkbox's state to assistive technology.aria: comment rolethe comment landmark role semantically denotes a comment/reaction to some content on the page, or to a previous comment.aria: complementary rolethe complementary landmark role is used to designate a supporting section that relates to the main content, yet can stand alone when separated.
...this should be used on an element that wraps an element with an insertion role, and one with a deletion role.aria: switch rolethe aria switch role is functionally identical to the checkbox role, except that instead of representing "
checked" and "un
checked" states, which are fairly generic in meaning, the switch role represents the states "on" and "off."aria: tab rolethe aria tab role indicates an interactive element inside a tablist that, when activated, displays its associated tabpanel.aria: table rolethe table value of the aria role attribute identifies the element containing the role as having a non-interactive table structure c...
Accessibility documentation index - Accessibility
elements containing role="checkbox" must also include the aria-
checked attribute to expose the checkbox's state to assistive technology.
... 72 aria: switch role aria, aria role, accessibility, on/off, reference, switch, a11y, toggle the aria switch role is functionally identical to the checkbox role, except that instead of representing "
checked" and "un
checked" states, which are fairly generic in meaning, the switch role represents the states "on" and "off." 73 aria: tab role aria, aria role, aria tab, aria widget, reference the aria tab role indicates an interactive element inside a tablist that, when activated, displays its associated tabpanel.
:default - CSS: Cascading Style Sheets
<input type="checkbox"> and <input type="radio"> match if they have the
checked attribute.
... syntax :default examples html <fieldset> <legend>favorite season</legend> <input type="radio" name="season" id="spring"> <label for="spring">spring</label> <input type="radio" name="season" id="summer"
checked> <label for="summer">summer</label> <input type="radio" name="season" id="fall"> <label for="fall">fall</label> <input type="radio" name="season" id="winter"> <label for="winter">winter</label> </fieldset> css input:default { box-shadow: 0 0 2px 1px coral; } input:default + label { color: coral; } result specifications specification status comment ...
:indeterminate - CSS: Cascading Style Sheets
the :indeterminate css pseudo-class represents any form element whose state is indeterminate, such as checkboxes which have their html indeterminate attribute set to true, radio buttons which are members of a group in which all radio buttons are un
checked, and indeterminate <progress> elements.
... /* selects any <input> whose state is indeterminate */ input:indeterminate { background: lime; } elements targeted by this selector are: <input type="checkbox"> elements whose indeterminate property is set to true by javascript <input type="radio"> elements, when all radio buttons with the same name value in the form are un
checked <progress> elements in an indeterminate state syntax :indeterminate examples checkbox & radio button this example applies special styles to the labels associated with indeterminate form fields.
transform-style - CSS: Cascading Style Sheets
html <section id="example-element"> <div class="face front">1</div> <div class="face back">2</div> <div class="face right">3</div> <div class="face left">4</div> <div class="face top">5</div> <div class="face bottom">6</div> </section> <div class="checkbox"> <label for="preserve"><code>preserve-3d</code></label> <input type="checkbox" id="preserve"
checked> </div> css #example-element { margin: 50px; width: 100px; height: 100px; transform-style: preserve-3d; transform: rotate3d(1, 1, 1, 30deg); } .face { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; backface-visibility: inherit; font-size: 60px; color: #fff; } .front { background: rgba(90,90,90,.7); ...
...atey(-90deg) translatez(50px); } .top { background: rgba(210,210,0,.7); transform: rotatex(90deg) translatez(50px); } .bottom { background: rgba(210,0,210,.7); transform: rotatex(-90deg) translatez(50px); } javascript const cube = document.getelementbyid('example-element'); const checkbox = document.getelementbyid('preserve'); checkbox.addeventlistener('change', () => { if(checkbox.
checked) { cube.style.transformstyle = 'preserve-3d'; } else { cube.style.transformstyle = 'flat'; } }) result specifications specification status comment css transforms level 2the definition of 'transform-style' in that specification.
Creating a cross-browser video player - Developer guides
most of these buttons require a simple click event listener to be added, and a media api defined method and/or attributes to be called/
checked on the video.
...support for the different prefixed versions of the relevant action are
checked in order to call the correct one.
Rich-Text Editing in Mozilla - Developer guides
ndow').execcommand(aname,false, aarg); document.getelementbyid('editorwindow').contentwindow.focus() } example: a simple but complete rich text editor <!doctype html> <html> <head> <title>rich text editor</title> <script type="text/javascript"> var odoc, sdeftxt; function initdoc() { odoc = document.getelementbyid("textbox"); sdeftxt = odoc.innerhtml; if (document.compform.switchmode.
checked) { setdocmode(true); } } function formatdoc(scmd, svalue) { if (validatemode()) { document.execcommand(scmd, false, svalue); odoc.focus(); } } function validatemode() { if (!document.compform.switchmode.
checked) { return true ; } alert("uncheck \"show html\"."); odoc.focus(); return false; } function setdocmode(btosource) { var ocontent; if (btosource) { ocontent = document.c...
...////yh5baeaab8alaaaaaawabyaaawn4ceozgmeakqubgsuspvbsyfjjvds6njlb0khr4akbcmfscgbqaocwjf5gwquvyksfbwze+awibv0ghfog2ewidchjwriqo9e2fx4xd5r+b0ddaenbxbhbhn2dgwdaqfjjyvhcqyrfgoidgiqjawtcqmriwwmfgicnvcaaamoak+blaortluyt7i5uiuhads=" /> </div> <div id="textbox" contenteditable="true"><p>lorem ipsum</p></div> <p id="editmode"><input type="checkbox" name="switchmode" id="switchbox" onchange="setdocmode(this.
checked);" /> <label for="switchbox">show html</label></p> <p><input type="submit" value="send" /></p> </form> </body> </html> note: if you want to see how to standardize the creation and the insertion of your editor in your page, please see our more complete rich-text editor example.
Making content editable - Developer guides
pboard.cutcopy", "allaccess"); user_pref("capability.policy.allowclipboard.clipboard.paste", "allaccess"); example: a simple but complete rich text editor <!doctype html> <html> <head> <title>rich text editor</title> <script type="text/javascript"> var odoc, sdeftxt; function initdoc() { odoc = document.getelementbyid("textbox"); sdeftxt = odoc.innerhtml; if (document.compform.switchmode.
checked) { setdocmode(true); } } function formatdoc(scmd, svalue) { if (validatemode()) { document.execcommand(scmd, false, svalue); odoc.focus(); } } function validatemode() { if (!document.compform.switchmode.
checked) { return true ; } alert("uncheck \"show html\"."); odoc.focus(); return false; } function setdocmode(btosource) { var ocontent; if (btosource) { ocontent = document.c...
...////yh5baeaab8alaaaaaawabyaaawn4ceozgmeakqubgsuspvbsyfjjvds6njlb0khr4akbcmfscgbqaocwjf5gwquvyksfbwze+awibv0ghfog2ewidchjwriqo9e2fx4xd5r+b0ddaenbxbhbhn2dgwdaqfjjyvhcqyrfgoidgiqjawtcqmriwwmfgicnvcaaamoak+blaortluyt7i5uiuhads=" /> </div> <div id="textbox" contenteditable="true"><p>lorem ipsum</p></div> <p id="editmode"><input type="checkbox" name="switchmode" id="switchbox" onchange="setdocmode(this.
checked);" /> <label for="switchbox">show html</label></p> <p><input type="submit" value="send" /></p> </form> </body> </html> note: if you want to see how to standardize the creation and the insertion of your editor in your page, please see our more complete rich-text editor example.
HTML attribute reference - HTML: Hypertext Markup Language
checked <command>, <input> indicates whether the element should be
checked on page load.
...this restriction clears up some common misunderstandings: with
checked="false" for example, the element’s
checked attribute would be interpreted as true because the attribute is present.
<source>: The Media or Image Source element - HTML: Hypertext Markup Language
if the type attribute isn't specified, the media's type is retrieved from the server and
checked to see if the user agent can handle it; if it can't be rendered, the next <source> is
checked.
... if the type attribute is specified, it's compared against the types the user agent can present, and if it's not recognized, the server doesn't even get queried; instead, the next <source> element is
checked at once.
Global attributes - HTML: Hypertext Markup Language
spellcheck an enumerated attribute defines whether the element may be
checked for spelling errors.
... it may have the following values: true, which indicates that the element should be, if possible,
checked for spelling errors; false, which indicates that the element should not be
checked for spelling errors.
HTML documentation index - HTML: Hypertext Markup Language
29 spellcheck global attributes, html, reference the spellcheck global attribute is an enumerated attribute defines whether the element may be
checked for spelling errors.
... 120 <input type="checkbox"> element, html, html forms, input, input types, reference, checkbox, form <input> elements of type checkbox are rendered by default as boxes that are
checked (ticked) when activated, like you might see in an official government paper form.
Loops and iteration - JavaScript
a do...while statement looks as follows: do statement while (condition); statement is always executed once before the condition is
checked.
...at the end of every execution, the condition is
checked.
Element.scrollHeight - Web APIs
"thank you." : "please, scroll and read the following text."; } onload = function () { var otoberead = document.getelementbyid("rules"); checkreading.noticebox = document.createelement("span"); document.registration.accept.
checked = false; checkreading.noticebox.id = "notice"; otoberead.parentnode.insertbefore(checkreading.noticebox, otoberead); otoberead.parentnode.insertbefore(document.createelement("br"), otoberead); otoberead.onscroll = checkreading; checkreading.call(otoberead); } specifications specification status comment css object model (cssom) view modulethe definition of 'el...
Event.eventPhase - Web APIs
ddlisteners() } function removelisteners() { for (let i = 0; i < divs.length; i++) { let d = divs[i] if (d.id != "divinfo") { d.removeeventlistener("click", ondivclick, true) d.removeeventlistener("click", ondivclick, false) } } } function addlisteners() { for (let i = 0; i < divs.length; i++) { let d = divs[i] if (d.id != "divinfo") { if (chcapture.
checked) { d.addeventlistener("click", ondivclick, true) } else { d.addeventlistener("click", ondivclick, false) d.onmousemove = function () { clear = true } } } } } function ondivclick(e) { if (clear) { clear() clear = false } if (e.eventphase == 2) e.currenttarget.style.backgroundcolor = 'red'; let level = ...
EventTarget.addEventListener() - Web APIs
we then call addeventlistener() to set up a fake event handler, specifying those options, so that the options will be
checked if the browser recognizes an object as the third parameter.
FormData() - Web APIs
those with a name, not disabled and
checked (radio buttons and checkboxes) or selected (one or more options within a select).
HTMLElement: change event - Web APIs
bubbles yes cancelable no interface event event handler property onchange depending on the kind of element being changed and the way the user interacts with the element, the change event fires at a different moment: when the element is :
checked (by clicking or using the keyboard) for <input type="radio"> and <input type="checkbox">; when the user commits the change explicitly (e.g., by selecting a value from a <select>'s dropdown with a mouse click, by selecting a date from a date picker for <input type="date">, by selecting a file in the file picker for <input type="file">, etc.); when the element loses focus after its value was chan...
HTMLElement - Web APIs
recommendation added the following properties: dataset, hidden, tabindex, accesskey, accesskeylabel, draggable, dropzone, contenteditable, iscontenteditable, contextmenu, spellcheck, commandtype, commandlabel, commandicon, commandhidden, commanddisabled, command
checked, style, and all the onxyz properties.
HTMLSelectElement.disabled - Web APIs
"drink-select" disabled> <option value="1">water</option> <option value="2">beer</option> <option value="3">pepsi</option> <option value="4">whisky</option> </select> javascript var allowdrinkscheckbox = document.getelementbyid("allow-drinks"); var drinkselect = document.getelementbyid("drink-select"); allowdrinkscheckbox.addeventlistener("change", function(event) { if (event.target.
checked) { drinkselect.disabled = false; } else { drinkselect.disabled = true; } }, false); result specifications specification status comment html living standardthe definition of 'disabled' in that specification.
Recommended Drag Types - Web APIs
note that the instanceof operator is used here as the mozgetdataat() method will return an nsisupports that needs to be
checked and converted into an nsifile.
IntersectionObserver.IntersectionObserver() - Web APIs
the rootmargin, if specified, is
checked to ensure it's syntactically correct, the thresholds are
checked to ensure that they're all in the range 0.0 and 1.0 inclusive, and the threshold list is sorted in ascending numeric order.
KeyboardEvent.key - Web APIs
when they occur, the key's value is
checked to see if it's one of the keys the code is interested in, and if it is, it gets processed in some way (possibly by steering a spacecraft, perhaps by changing the selected cell in a spreadsheet).
MediaError.message - Web APIs
the error's code attribute is
checked to determine a generic error message to display, and, if message is not empty, it's appended to provide additional details.
MouseEvent - Web APIs
html <p><label><input type="checkbox" id="checkbox">
checked</label> <p><button id="button">click me</button> javascript function simulateclick() { var evt = new mouseevent("click", { bubbles: true, cancelable: true, view: window }); var cb = document.getelementbyid("checkbox"); //element to click on var canceled = !cb.dispatchevent(evt); if(canceled) { // a handler called preventdefault alert("canceled"); } else { // ...
Node.isDefaultNamespace() - Web APIs
syntax result = node.isdefaultnamespace(namespaceuri); parameters namespaceuri is a string representing the namespace against which the element will be
checked.
ParentNode.replaceChildren() - Web APIs
const noselect = document.getelementbyid('no'); const yesselect = document.getelementbyid('yes'); const nobtn = document.getelementbyid('to-no'); const yesbtn = document.getelementbyid('to-yes'); yesbtn.addeventlistener('click', () => { const selectedtransferoptions = document.queryselectorall('#no option:
checked'); const existingyesoptions = document.queryselectorall('#yes option'); yesselect.replacechildren(...selectedtransferoptions, ...existingyesoptions); }); nobtn.addeventlistener('click', () => { const selectedtransferoptions = document.queryselectorall('#yes option:
checked'); const existingnooptions = document.queryselectorall('#no option'); noselect.replacechildren(...selectedtransfero...
<circle> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<ellipse> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<foreignObject> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<g> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<line> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<marker> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<path> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<polygon> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<polyline> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<rect> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<svg> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<symbol> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<text> - SVG: Scalable Vector Graphics
rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<textPath> - SVG: Scalable Vector Graphics
lor, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...
<tspan> - SVG: Scalable Vector Graphics
rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-
checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-pla...