Search completed in 0.92 seconds.
184 results for "placeholder":
Your results are loading. Please wait...
::placeholder - CSS: Cascading Style Sheets
the ::placeholder css pseudo-element represents the placeholder text in an <input> or <textarea> element.
... the ::placeholder css pseudo-element represents the placeholder text in an <input> or <textarea> element.
... the ::placeholder css pseudo-element represents the placeholder text in an <input> or <textarea> element.
...And 20 more matches
:placeholder-shown - CSS: Cascading Style Sheets
the :placeholder-shown css pseudo-class represents any <input> or <textarea> element that is currently displaying placeholder text.
... the :placeholder-shown css pseudo-class represents any <input> or <textarea> element that is currently displaying placeholder text.
... the :placeholder-shown css pseudo-class represents any <input> or <textarea> element that is currently displaying placeholder text.
...And 11 more matches
placeholder - Archive of obsolete content
« xul reference home placeholder type: string a string that appears in the textbox when it has no value.
placeholder - Archive of obsolete content
« xul reference placeholder type: string gets and sets a string that appears in the textbox when it has no value.
Placeholder names - MDN Web Docs Glossary: Definitions of Web-related terms
placeholder names are commonly used in cryptography to indicate the participants in a conversation, without resorting to terminology such as "party a," "eavesdropper," and "malicious attacker." the most commonly used names are: alice and bob, two parties who want to send messages to each other, occasionally joined by carol, a third participant eve, a passive attacker who is eavesdropping on alice and bob's conversation mallory, an active attacker ("man-in-the-middle") who is able to modify their conversation and replay old messages ...
<input type="number"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › number
y.
...tes in addition to the attributes commonly supported by all <input> types, inputs of type number support these attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options max the maximum value to accept for this input min the minimum value to accept for this input placeholder an example value to display inside the field when it's empty readonly a boolean attribute indicating whether the value is read-only step a stepping interval to use when using up and down arrows to adjust the value, as well as for validation list the values of the list attribute is the id of a <datalist> element located in the same document.
... no maximum value.
...And 21 more matches
<input type="tel"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › tel
t type for telephone numbers also makes adding custom validation and handling of phone numbers more convenient.
... list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum length, in utf-16 characters, to accept as a valid input minlength the minimum length that is considered valid for the field's contents pattern a regular expression the entered value must match to pass constraint validation placeholder an example value to display inside the field when it has no value readonly a boolean attribute which, if present, indicates that the field's contents should not be user-editable size the number of characters wide the input field should be onscreen list the values of the list attribute is the id of a <datalist> element located in the same document.
... if the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored completely.
...And 21 more matches
<input type="email"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › email
e whether the current value of the field is a valid e-mail address or not.
...options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid multiple whether or not to allow multiple, comma-separated, e-mail addresses to be entered pattern a regular expression the input's contents must match in order to be valid placeholder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be list the values of the list attribute is the id of a <datalist> element located in the same document.
...he specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored completely.
...And 18 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
Web › HTML › Element › input
es minimum value minlength password, search, tel, text, url minimum length (number of characters) of value multiple email, file boolean.
...ng the pattern attribute, inform the user about the expected format by including explanatory text nearby.
...ibute, inform the user about the expected format by including explanatory text nearby.
...And 18 more matches
<input type="search"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › search
ple is stored in a github repository.
... list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid pattern a regular expression the input's contents must match in order to be valid placeholder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be spellcheck controls whether or not to enable spell checking for the input field, or if the default spell checking ...
... specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored completely.
...And 15 more matches
<input type="text"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › text
xample is stored in a github repository.
... list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid pattern a regular expression the input's contents must match in order to be valid placeholder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be spellcheck controls whether or not to enable spell checking for the input field, or if the default spell checking ...
...the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored completely.
...And 13 more matches
<input type="url"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › url
y applied as appropriate to visually denote whether the current value of the field is a valid url or not.
... list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid pattern a regular expression the input's contents must match in order to be valid placeholder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be spellcheck controls whether or not to enable spell checking for the input field, or if the default spell checking ...
...he specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored completely.
...And 13 more matches
Localization content best practices
me locales use a space between the number and the % symbol, some don't, some use a non-breaking space.
...en the number and the % symbol, some don't, some use a non-breaking space.
...low the localizer to change the word order if necessary.
...And 9 more matches
Localization - Archive of obsolete content
ement like: # does not work.
...one]= %d помидор tomato_id[few]= %d помидора tomato_id[many]= %d помидоров tomato_id= %d помидоры the localization module itself understands the cldr definitions for each language, enabling it to map between, for example, "2" in the code and "few" in the ru-ru.properties file.
... %d помидора tomato_id[many]= %d помидоров tomato_id= %d помидоры the localization module itself understands the cldr definitions for each language, enabling it to map between, for example, "2" in the code and "few" in the ru-ru.properties file.
...And 8 more matches
<textarea> - HTML: Hypertext Markup Language
Web › HTML › Element › textarea
nd cols attributes to allow you to specify an exact size for the <textarea> to take.
...<textarea> elements anywhere within a document, not just as descendants of form elements.
... number of characters (utf-16 code units) that the user can enter.
...And 8 more matches
l10n - Archive of obsolete content
ze strings appearing in the add-on's javascript code.
...cult to maintain your code if you have many localizations, because any changes to the identifier values break all your .properties files.
...ring depending on the number of items (that is, whether to use a singular or plural form) then get() takes a second integer parameter which indicates the number of items there are.
...And 6 more matches
<input type="password"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › password
forms involving sensitive information like passwords (e.g.
... all <input> elements regardless of their type, password field inputs support the following attributes: attribute description maxlength the maximum length the value may be, in utf-16 characters minlength the minimum length in characters that will be considered valid pattern a regular expression the value must match in order to be valid placeholder an example value to display in the field when the field is empty readonly a boolean attribute which, if present, indicates that the field's contents should not be editable size the number of characters wide the input field should be maxlength the maximum number of characters (as utf-16 code units) the user can enter into the password field.
...planatory text nearby.
...And 5 more matches
textbox - Archive of obsolete content
ter text.
...buttons, increment, label, max, maxlength, min, multiline, newlines, onblur, onchange, onfocus, oninput, placeholder, preference, readonly, rows, searchbutton, size, spellcheck, tabindex, timeout, type, value, wrap, wraparound properties accessibletype, clickselectsall, decimalplaces, decimalsymbol, defaultvalue, disabled, editor, emptytext, increment, inputfield, label, max, maxlength, min, placeholder, readonly, searchbutton, selectionend, selectionstart, size, spinbuttons, tabindex, textlength, timeout, type, value, valuenumber, wraparound methods decrease, increase, reset, select, setselectionrange style classes plain examples <vbox> <label control="your-name" value="enter your name:"/> <textbox id="your-name" value="john"/> </vbox> attributes cols type: integer ...
....
...And 4 more matches
ARIA: textbox role - Accessibility
is case, it is preferable to use an html <input> with type="text".
...multi-line text area --> <div id="txtboxmultilinelabel">enter the tags for the article</div> <div role="textbox" contenteditable="true" aria-multiline="true" aria-labelledby="txtboxmultilinelabel" aria-required="true"></div> semantic elements are more concise and require no javascript to support textbox features.
... input, with the expectation that enter or return will create a line break rather than submitting the form.
...And 4 more matches
Progressive loading - Progressive web apps (PWAs)
and improve the performance of the app by progressively loading its resources.
...ll of the images in the best possible quality at the very beginning of viewing the site.
...ltering the quality too much.
...And 4 more matches
CustomElementRegistry.whenDefined() - Web APIs
s defined.
...ception description syntaxerror if the provided name is not a valid custom element name, the promise rejects with a syntaxerror.
... a menu are defined.
...And 3 more matches
Setting up your own test automation environment - Learn web development
settimeout(function() { console.log(title); driver.quit(); }, 5000); }); }); }); } searchtextongoogle(); visit your lambdatest automation dashboard, to fetch your lambdatest's username and access key by clicking on the key icon on the top-right(see username and access keys).
...iver.sleep(2000).then(function() { driver.gettitle().then(function(title) { if(title === 'webdriver - google search') { console.log('test passed'); } else { console.log('test failed'); } }); }); driver.quit(); from your browserstack automation dashboard, get your user name and access key (see username and access keys).
...d in the request url, as you'll see later).
...And 2 more matches
WAI-ARIA basics - Learn web development
is example — the <input> element has been given the attribute aria-label, which gives it a descriptive label to be read out by a screenreader, even though we haven't included a <label> element.
...e="name" id="name" aria-required="true"> <input type="number" name="age" id="age" aria-required="true"> if you save the example now and test it with a screenreader, you should hear something like "enter your name star, required, edit text".
..., edit text".
...lude aria-valuemin and aria-valuemax properties to specify min and max values, but these currently don't seem very well supported; a better supported feature is the html5 placeholder attribute, which can contain a message that is shown in the input when no value is entered, and is read out by a number of screenreaders.
Storage
ral_cstring("create temp table table_name (column_name integer)")); ns_ensure_success(rv, rv); results to be returned however, if you need to get results back, you should create the statement with the mozistorageconnection.createstatement() api like this in javascript: var statement = dbconn.createstatement("select * from table_name where column_name = :parameter"); this example uses a named placeholder called "parameter" to be bound later (described in binding parameters).
...xample uses a named placeholder called "parameter" to be bound later (described in binding parameters).
...rameters are much easier to use.
...for numeric and non-numeric columns.
Element: blur event - Web APIs
lost focus.
... and focusout is that focusout bubbles while blur does not.
...('focus', (event) => { event.target.style.background = 'pink'; }); password.addeventlistener('blur', (event) => { event.target.style.background = ''; }); result event delegation there are two ways of implementing event delegation for this event: by using the focusout event, or by setting the usecapture parameter of addeventlistener() to true.
...und = 'pink'; }); password.addeventlistener('blur', (event) => { event.target.style.background = ''; }); result event delegation there are two ways of implementing event delegation for this event: by using the focusout event, or by setting the usecapture parameter of addeventlistener() to true.
Element: focus event - Web APIs
eived focus.
... and focusin is that focusin bubbles while focus does not.
...r('focus', (event) => { event.target.style.background = 'pink'; }); password.addeventlistener('blur', (event) => { event.target.style.background = ''; }); result event delegation there are two ways of implementing event delegation for this event: by using the focusin event, or by setting the usecapture parameter of addeventlistener() to true.
...ound = 'pink'; }); password.addeventlistener('blur', (event) => { event.target.style.background = ''; }); result event delegation there are two ways of implementing event delegation for this event: by using the focusin event, or by setting the usecapture parameter of addeventlistener() to true.
HTMLInputElement - Web APIs
o a negative number, an exception will be thrown.) pattern string: returns / sets the element's pattern attribute, containing a regular expression that the control's value is checked against.
... pattern string: returns / sets the element's pattern attribute, containing a regular expression that the control's value is checked against.
...expression that the control's value is checked against.
...abindex and accesskey properties, as well as the blur(), click(), and focus() methods, are now defined on htmlelement.
:disabled - CSS: Cascading Style Sheets
Web › CSS › :disabled
state, in which it can be activated or accept focus.
...pt focus.
...input:disabled { background: #ccc; } syntax :disabled examples this example shows a basic shipping form.
...ping address</legend> <input type="text" placeholder="name"> <input type="text" placeholder="address"> <input type="text" placeholder="zip code"> </fieldset> <br> <fieldset id="billing"> <legend>billing address</legend> <label for="billing-checkbox">same as shipping address:</label> <input type="checkbox" id="billing-checkbox" checked> <br> <input type="text" placeholder="name" disabled> <input type="text" placeholder="address" disabled> <input type="text" placeholder="zip code" disabled> </fieldset> </form> css input[type="text"]:disabled { background: #ccc; } javascript // wait for the page to finish loading document.addeventlistener('domcontentloaded', function () { // attach `change` event listener to checkbox document.getelementbyid('bi...
Index - Archive of obsolete content
tom preferences sync when preferences sync is enabled, firefox sync will synchronize preferences between the same application based on a whitelist.
... persist xul attributes, xul reference no summary!
...1515 pageid xul properties, xul reference no summary!
Using the Editor from XUL - Archive of obsolete content
ess() gets the key press event.
...er code from the key event, puts that into a string, and calls nshtmleditor::typedtext(), which simply calls nshtmleditor::inserttext().
...ts that into a string, and calls nshtmleditor::typedtext(), which simply calls nshtmleditor::inserttext().
UI pseudo-classes - Learn web development
ed focus or contains an element that has received focus.
...hole form to highlight in some way when an input inside it is focused.
...ut inside it is focused.
Third-party APIs - Learn web development
ct the api vendor than the user.
...example: l.mapquest.key = 'your-api-key-here'; this line specifies an api or developer key to use in your application — the developer of the application must apply to get a key, and then include it in their code to be allowed access to the api's functionality.
...ectory.
A first splash into JavaScript - Learn web development
two variables store a guess count of 1 (used to keep track of how many guesses the player has had), and a reference to a reset button that doesn't exist yet (but will later).
...ode that we want to run whenever we call the function.
...he same?) 5 !== 2 + 4 // true 'chris' !== 'bob' // true 5 !== 2 + 3 // false 2 !== '2' // true; number versus string < less than 6 < 10 // true 20 < 10 // false > greater than 6 > 10 // false 20 > 10 // true conditionals returning to our checkguess() function, i think it's safe to say that we don't want it to just spit out a placeholder message.
Ember app structure and componentization - Learn web development
welcome page we saw in the previous article, when we first navigated to our server at localhost:4200.
...earlier will automatically rebuild the app and refresh the browser.
...ents directory: now that we have all of our component structure files, we can cut and paste the html for each component out of the application.hbs file and into each of those components, and then re-write the application.hbs to reflect our new abstractions.
IME handling guide
tion events and a dom text event for emulating to commit composition synchronously.
...xtcomposition ignores comming events which are dispatched by widget when the widget receives native ime events.
...eholder of some old chinese ime on windows.
Localization and Plurals
particular grammatical structure.
...structure.
...form.jsm"); let downloads = "you have one download.;you have #1 downloads."; let num = 10; // for english, this would display "you have 10 downloads." print(pluralform.get(num, downloads).replace("#1", num); notice in the above example that the code can be written to support placeholders or not use placeholders in some forms of the string.
nsIXULTemplateQueryProcessor
cessor.
... nodes that, when executed by a call to the generateresults() method, will allow the generation of a list of results.
...n.
HTMLTextAreaElement - Web APIs
acters the user can enter.
...ted only when the value changes.
...s comment html living standardthe definition of 'htmltextareaelement' in that specification.
Navigator.registerProtocolHandler() - Web APIs
cheme, url, title); note: recently updated to navigator.registerprotocolhandler(scheme, url), but no browsers currently support this version.
... the registration.
....example.com, you can register a protocol handler for it to handle web+burger: links, like so: navigator.registerprotocolhandler("web+burger", "https://burgers.example.com/?burger=%s", "burger handler"); this creates a handler that lets web+burger: links send the user to your site, inserting the accessed burger url into the %s placeholder.
ValidityState.patternMismatch - Web APIs
e <input> is of type text, tel, email, url, password, or search -- and the pattern value is set to a valid regular expression, if the value don't doesn't conform to the constraints set by the pattern value, the patternmismatch property will be true.
...r expression, if the value don't doesn't conform to the constraints set by the pattern value, the patternmismatch property will be true.
...ch property will be true.
Auto-placement in CSS Grid Layout - CSS: Cascading Style Sheets
id-auto-flow: dense; list-style: none; margin: 1em auto; padding: 0; max-width: 800px; } .wrapper li { border: 1px solid #ccc; } .wrapper li.landscape { grid-column-end: span 2; } .wrapper li img { display: block; object-fit: cover; width: 100%; height: 100%; } <ul class="wrapper"> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="placeholder"></li> <li class="landscape"><img src="https://udn.realityripple.com/samples/62/643f590dbc.png" alt="placeholder"></li> <li class="landscape"><img src="https://udn.realityripple.com/samples/62/643f590dbc.png" alt="placeholder"></li> <li class="landscape"><img src="https://udn.realityripple.com/samples/62/643f590dbc.png" alt="placeholder"></li> <li><img src="https://udn.realityripple.c...
...mg src="https://udn.realityripple.com/samples/62/643f590dbc.png" alt="placeholder"></li> <li class="landscape"><img src="https://udn.realityripple.com/samples/62/643f590dbc.png" alt="placeholder"></li> <li class="landscape"><img src="https://udn.realityripple.com/samples/62/643f590dbc.png" alt="placeholder"></li> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="placeholder"></li> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="placeholder"></li> <li class="landscape"><img src="https://udn.realityripple.com/samples/62/643f590dbc.png" alt="placeholder"></li> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="placeholder"></li> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="p...
...r"></li> <li class="landscape"><img src="https://udn.realityripple.com/samples/62/643f590dbc.png" alt="placeholder"></li> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="placeholder"></li> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="placeholder"></li> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="placeholder"></li> </ul> auto-placement can also help you lay out interface items which do have logical order.
HTML attribute: pattern - HTML: Hypertext Markup Language
f the string, which is slightly different from javascript regular expressions: in the case of pattern attribute, we are matching against the entire value, not just any subset, as if a ^(?: were implied at the start of the pattern and )$ at the end.
...e are matching against the entire value, not just any subset, as if a ^(?: were implied at the start of the pattern and )$ at the end.
...ttern and )$ at the end.
HTML documentation index - HTML: Hypertext Markup Language
Web › HTML › Index
colgroup> element defines a group of columns within a table.
...mmand element command, html, html commands, html5, html:element, html:element reference, obsolete the html command element (<command>) represents a command which the user can invoke.
...s, reference, shadow root, web components, shadow, shadow dom the html <shadow> element—an obsolete part of the web components technology suite—was intended to be used as a shadow dom insertion point.
Template literals (Template strings) - JavaScript
hem.
...t` `string text line 1 string text line 2` `string text ${expression} string text` tag`string text ${expression} string text` description template literals are enclosed by the backtick (` `) (grave accent) character instead of double or single quotes.
...ugar, making substitutions like this more readable: let a = 5; let b = 10; console.log(`fifteen is ${a + b} and not ${2 * a + b}.`); // "fifteen is 15 and // not 20." nesting templates in certain cases, nesting a template is the easiest (and perhaps more readable) way to have configurable strings.
Using templates and slots - Web Components
e it, meaning that at the moment it is even less useful than a regular paragraph!
...lement-details-template') .content; const shadowroot = this.attachshadow({mode: 'open'}) .appendchild(template.clonenode(true)); } } ); using the <element-details> custom element with named slots now let’s take that <element-details> element and actually use it in our document: <element-details> <span slot="element-name">slot</span> <span slot="description">a placeholder inside a web component that users can fill with their own markup, with the effect of composing different dom trees together.</span> <dl slot="attributes"> <dt>name</dt> <dd>the name of the slot.</dd> </dl> </element-details> <element-details> <span slot="element-name">template</span> <span slot="description">a mechanism for holding client- side content that is not...
... <i class="desc"><slot name="description">need description</slot></i> </span> </summary> <div class="attributes"> <h4><span>attributes</span></h4> <slot name="attributes"><p>none</p></slot> </div> </details> <hr> </template> <element-details> <span slot="element-name">slot</span> <span slot="description">a placeholder inside a web component that users can fill with their own markup, with the effect of composing different dom trees together.</span> <dl slot="attributes"> <dt>name</dt> <dd>the name of the slot.</dd> </dl> </element-details> <element-details> <span slot="element-name">template</span> <span slot="description">a mechanism for ...
JavaScript Object Management - Archive of obsolete content
such global namespace pollution.
...: or resource: url pointing to a file on the disk.
Index - Archive of obsolete content
Archive › Mozilla › XUL › Index
276 persist xul attributes, xul reference no summary!
... 784 pageid xul properties, xul reference no summary!
Index - MDN Web Docs Glossary: Definitions of Web-related terms
de 8-bit characters that have specific meaning in the context of urls.
... of urls.
Pseudo-classes and pseudo-elements - Learn web development
.) :only-child matches an element that has no siblings.
...ings.
Image gallery - Learn web development
ffect is removed again.
...stant called thumbbar, create a new <img> element, set its src attribute to a placeholder value xxx, and append this new <img> element inside thumbbar.
Silly story generator - Learn web development
create three new variables called xitem, yitem, and zitem, and make them equal to the result of calling randomvaluefromarray() on your three arrays (the result in each case will be a random item out of each array it is called on).
... the three placeholders in the newstory string — :insertx:, :inserty:, and :insertz: — with the strings stored in xitem, yitem, and zitem.
Handling text — strings in JavaScript - Learn web development
template literals simplify this enormously: output = `i like the song "${ song }".
...e a ${ } construct, which is called a placeholder.
Test your skills: Strings - Learn web development
own editor or in an online editor.
...mplate literal.
Ember interactivity: Events, classes and state - Learn web development
at we typed in, and we can save our todo and pass that text along to the todo list component to display.
..., add the following import line to header.js, beneath the two existing import lines: import { inject as service } from '@ember/service'; with this import in place, we can now make the todo-data service available inside the headercomponent class via the todos object, using the @service decorator.
AddonManager
se?
...string mimetype, in string hash, in string name, in string iconurl, in string version, in nsiloadgroup loadgroup ) parameters url the url the add-on is located at callback a callback to pass the addoninstall to mimetype the mimetype of the add-on hash an optional hash of the add-on name an optional placeholder name while the add-on is being downloaded iconurl an optional placeholder icon url while the add-on is being downloaded version an optional placeholder version while the add-on is being downloaded loadgroup an optional nsiloadgroup to associate any network requests with getinstallforfile() asynchronously gets an addoninstall for an nsifile.
PRThreadPriority
a thread's priority setting.
...is appropriate for threads that are expected to perform intensive computation.
An overview of NSS Internals
ntext handle while providing all the parameters required for the operation, then call an “update” function multiple times to pass subsets of the input to nss.
... use the older database file format by default, where each application has its own nss database.
Index
ntext handle while providing all the parameters required for the operation, then call an “update” function multiple times to pass subsets of the input to nss.
... use the older database file format by default, where each application has its own nss database.
mozIRegistry
creating the services itself) would suffice.
...ccess other components is via the service manager.
nsIAppShell
inout string argv ); parameters argc the number of parameters passed in on the command line.
...y is only used when favorperfoverstarvation is pr_false.
nsIConsoleService
ll work in some browsers, its use is discouraged since it could be removed at any time.
...ll return a count of 0, but allocating a placeholder word for messages, showing as a 0-length array when called from the script.
nsISelectionPrivate
e(in nsidomrange range, in consttextrangestyleref textrangestyle); native code only!
...textrangestyleref textrangestyle); native code only!
Element: focusin event - Web APIs
focus.
...focus is that focusin bubbles while focus does not.
Element: focusout event - Web APIs
focus.
...blur is that focusout bubbles while blur does not.
Index - Web APIs
Web › API › Index
property returns a htmloptionscollection of the <option> elements contained by the <select> element.
... this slot, and if the flatten option is set to true, the assigned nodes of any other slots that are descendants of this slot.
Pseudo-classes - CSS: Cascading Style Sheets
reen :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-child :only-of-type :optional :out-of-range :past :placeholder-shown :read-only :read-write :required :right :root :scope :state() :target :target-within :user-invalid :valid :visited :where() specifications specification status comment fullscreen api living standard defined :fullscreen.
... :valid :visited :where() specifications specification status comment fullscreen api living standard defined :fullscreen.
Constraint validation - Developer guides
traints, web developers want to control what messages are displayed to the users and how they are styled.
...hat messages are displayed to the users and how they are styled.
HTML attribute: rel - HTML: Hypertext Markup Language
Web › HTML › Attributes › rel
if several icons are equally appropriate, the last one is used.
...if several icons are equally appropriate, the last one is used.
MIME types (IANA media types) - HTTP
ted in some way or binary data that requires a specific application or category of application to use.
...music data.
Mapping the width and height attributes of media container elements to their aspect-ratio - Web media technologies
e needed to display the image before it has loaded, if css has been applied that causes problems with its display size.
...to find out more.
/loader - Archive of obsolete content
strapping the loader itself.
How to convert an overlay extension to restartless - Archive of obsolete content
lass': 'pixel-hbox'}, description({'value': this.stringbundle.getstringfromname('firexpixel.opacity')}), htmlinput({'id': 'opacity-range', 'type': 'range', 'min': '0', 'max': '10'}) ), hbox({'id': 'pixel-coords', 'class': 'pixel-hbox'}, label({'control': 'coord-x', 'value': 'x:'}), textbox({'id': 'coord-x', 'class': 'coord-box', 'placeholder' : '0'}), label({'control': 'coord-y', 'value': 'y:'}), textbox({'id': 'coord-y', 'class': 'coord-box', 'placeholder': '0'}) ...
Promises - Archive of obsolete content
ask.spawn(function* () { // open the connection.
Force RTL - Archive of obsolete content
(this is a temporary placeholder/stub for the force rtl page) download force rtl making sure your theme works with rtl locales ehsan's force rtl page ...
emptytext - Archive of obsolete content
« xul reference home emptytext deprecated since gecko 2 type: string a string that appears in the textbox when it has no value.
Attribute (XUL) - Archive of obsolete content
onpagehide onpagerewound onpageshow onpaneload onpopuphidden onpopuphiding onpopupshowing onpopupshown onsearchcomplete onselect ontextcommand ontextentered ontextrevert ontextreverted onunload onwizardback onwizardcancel onwizardfinish onwizardnext open ordinal orient pack pageid pageincrement pagestep parent parsetype persist persistence phase pickertooltiptext placeholder popup position predicate preference preference-editable primary priority properties querytype readonly ref rel removeelement resizeafter resizebefore rows screenx screeny searchbutton searchsessions searchlabel selected selectedindex seltype setfocus showcaret showcommentcolumn showpopup size sizemode sizetopopup smoothscroll sort sortactive sortdirection sort...
emptyText - Archive of obsolete content
« xul reference emptytext deprecated since gecko 2 type: string gets and sets a string that appears in the textbox when it has no value.
textbox.label - Archive of obsolete content
« xul reference label type: string sets the label attribute.
Property - Archive of obsolete content
maxwidth menu menuboxobject menupopup min minheight minresultsforpopup minwidth minute minuteleadingzero mode month monthleadingzero name next nomatch notificationshidden object observes onfirstpage onlastpage open ordinal orient pack pagecount pageid pageincrement pageindex pagestep parentcontainer palette persist persistence placeholder pmindicator popup popupboxobject popupopen position predicate preferenceelements preferencepanes preferences priority radiogroup readonly readonly ref resource resultspopup scrollboxobject scrollincrement scrollheight scrollwidth searchbutton searchcount searchlabel searchparam searchsessions second secondleadingzero securityui selected...
Textbox (XPFE autocomplete) - Archive of obsolete content
ing.
Advanced Rules - Archive of obsolete content
esource's child resources.
Broadcasters and Observers - Archive of obsolete content
ute so that it can be referred to by other elements.
Grids - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Grids
ws> <columns> <column> <label control="first" value="first name:"/> <label control="middle" value="middle name:"/> <label control="last" value="last name:"/> </column> <column> <textbox id="first"/> <textbox id="middle"/> <textbox id="last"/> </column> </columns> </grid> this grid has three rows and two columns.
More Tree Features - Archive of obsolete content
</treechildren> </treeitem> </treechildren> </tree> this has created a hierarchical tree.
Popup Menus - Archive of obsolete content
s can be seen here, a simple popup menu with three commands on it has been created.
Styling a Tree - Archive of obsolete content
apply to the entire tree.
Trees - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Trees
y with those keywords.
Archived Mozilla and build documentation - Archive of obsolete content
monkey, thunderbird or any of the other applications.
Common Firefox theme issues and solutions - Archive of obsolete content
out:memory is a little messed up in that nodes do not collapse as they should when clicked on.
Theme changes in Firefox 2 - Archive of obsolete content
ht tab[selected="true"] > .tab-image-left tab[selected="true"] > .tab-image-middle tab[selected="true"] > .tab-image-right the following styles are new in firefox 2: .alltabs-item > .menu-iconic-left > .menu-iconic-icon .alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon .alltabs-item[selected="true"] .tab-close-button .tab-close-button > .toolbarbutton-icon .tab-close-button-placeholder .tab-close-button:hover .tab-close-button:hover:active .tabbrowser-arrowscrollbox > .scrollbutton-down .tabbrowser-arrowscrollbox > .scrollbutton-down:hover .tabbrowser-arrowscrollbox > .scrollbutton-up .tabbrowser-arrowscrollbox > .scrollbutton-up:hover .tabbrowser-tab > .tab-close-button .tabbrowser-tab:not([selected="true"]) > .tab-close-button .tabbrowser-tab:not([selected="true"]):h...
::-ms-clear - Archive of obsolete content
ont-size font-style font-weight height margin-bottom margin-left margin-right margin-top opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-clear example html <form> <label for="firstname">first name:</label> <input type="text" id="firstname" name="firstname" placeholder="first name"> <br> <label for="lastname">last name:</label> <input type="text" id="lastname" name="lastname" placeholder="second name"> </form> css input, label { display: block; } input[type=text]::-ms-clear { color: red; /* this sets the cross color as red.
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
formprocessor.proxy = true; </script> the first statement which uses the jaxer.db namespace creates a new database table in the default sqlite database if it doesn't already exist.
MDN Web Docs Glossary: Definitions of Web-related terms
openssl opera browser operand operator origin ota owasp p p2p pac packet page load time page prediction parameter parent object parse parser pdf perceived performance percent-encoding php pixel placeholder names plaintext png polyfill polymorphism pop3 port prefetch preflight request prerender presto primitive privileged privileged code progressive enhancement progressive web apps promise property property (css) property (javascri...
HTML: A good basis for accessibility - Learn web development
align="center">home</a> </td> <td width="200"> <a href="#" align="center">our team</a> </td> <td width="200"> <a href="#" align="center">projects</a> </td> <td width="200"> <a href="#" align="center">contact</a> </td> <td width="300"> <form width="300"> <input type="search" name="q" placeholder="search query" width="300"> </form> </td> <td width="100"> <button width="100">go!</button> </td> </tr> <!-- spacer row --> <tr id="spacer" height="10"> <td> </td> </tr> <!-- main content and aside row --> <tr id="main"> <td id="content" colspan="4" bgcolor="#ffffff"> <!-- main cont...
HTML: A good basis for accessibility - Learn web development
align="center">home</a> </td> <td width="200"> <a href="#" align="center">our team</a> </td> <td width="200"> <a href="#" align="center">projects</a> </td> <td width="200"> <a href="#" align="center">contact</a> </td> <td width="300"> <form width="300"> <input type="search" name="q" placeholder="search query" width="300"> </form> </td> <td width="100"> <button width="100">go!</button> </td> </tr> <!-- spacer row --> <tr id="spacer" height="10"> <td> </td> </tr> <!-- main content and aside row --> <tr id="main"> <td id="content" colspan="4" bgcolor="#ffffff"> <!-- main cont...
Basic native form controls - Learn web development
c.).
How to build custom form controls - Learn web development
/ select : the dom node with the class `select` containing the value to update // index : the index of the value to be selected function updatevalue(select, index) { // we need to get the native control for the given custom control // in our example, that native control is a sibling of the custom control var nativewidget = select.previouselementsibling; // we also need to get the value placeholder of our custom control var value = select.queryselector('.value'); // and we need the whole list of options var optionlist = select.queryselectorall('.option'); // we set the selected index to the index of our choice nativewidget.selectedindex = index; // we update the value placeholder accordingly value.innerhtml = optionlist[index].innerhtml; // and we highlight the correspon...
Document and website structure - Learn web development
-> <header> <h1>header</h1> </header> <nav> <ul> <li><a href="#">home</a></li> <li><a href="#">our team</a></li> <li><a href="#">projects</a></li> <li><a href="#">contact</a></li> </ul> <!-- a search form is another commmon non-linear way to navigate through a website.
Making decisions in your code — conditionals - Learn web development
if() {...} blocks, except for the first one, which is tested in an if() {...} block.
Client-Server Overview - Learn web development
ut the required team name and number of players from the url.
Introduction to the server side - Learn web development
the document and a success status (usually 200 ok).
Server-side web frameworks - Learn web development
st/views.py from django.shortcuts import render from .models import team def youngest(request): list_teams = team.objects.filter(team_level__exact="u09") context = {'youngest_teams': list_teams} return render(request, 'best/index.html', context) rendering data web frameworks often provide templating systems.
Implementing feature detection - Learn web development
ports those features or not.
Accessibility information for UI designers and developers
mes the font size this does not mean that your page needs to offer controls to make such changes, merely that if someone does these things in a custom stylesheet, they should not break the interface.
Mozilla’s UAAG evaluation report
ported abbr element: supported abbr attribute for td/th: not supported summary for table: supported title for frame: ?
Debugging Frame Reflow
gfxbuttoncontrol hr hr framei htmlframeinner frameo htmlframeouter img image inline inline letter letter line line select select obj object page page place placeholder posinline positionedinline canvas canvas root root scroll scroll caption tablecaption cell tablecell bccell bctablecell col tablecol colg tablecolgroup tbl table t...
Introduction to Layout in Mozilla
ther created by tag (<select>) or by display type (<p>) frame manager maintains mapping from content to frame style resolution compute stylistic information based on the style rules that apply for the frame’s content node style data broken into different structures display, visibility, font, color, background, … inherit vs.
source-editor.jsm
it's created.
Mozilla Quirks Mode Behavior
quirk has been adapted to match the behavior of other browser (bug 783213).
Mozilla Style System Documentation
ugh a pair of frames represents table formatting objects.
NSPR Error Handling
performed.
Web Replay
ch point there is no js on the stack).
Index
Mozilla › Tech › XPCOM › Index
ript, you can pass parameters to the constructor, more on that below.
Components.utils.exportFunction
able to accept callbacks as arguments.
nsIDOMProgressEvent
loading data using the xmlhttprequest object.
nsIDOMSerializer
content/base/public/nsidomserializer.idlscriptable this interface is really a placeholder till the w3c dom working group defines a mechanism for serializing dom nodes.
nsIDocShell
s_error_not_implemented error may be returned by implementations not supporting zoom.
nsIEditor
void dotransaction(in nsitransaction txn); void enableundo(in boolean enable); void undo(in unsigned long count); void canundo(out boolean isenabled, out boolean canundo); void redo(in unsigned long count); void canredo(out boolean isenabled, out boolean canredo); void begintransaction(); void endtransaction(); void beginplaceholdertransaction(in nsiatom name); void endplaceholdertransaction(); boolean shouldtxnsetselection(); void setshouldtxnsetselection(in boolean should); inline spellchecking methods nsiinlinespellchecker getinlinespellchecker(in boolean autocreate); void syncrealtimespell(); void setspellcheckuseroverride(in boolean enable); clipboa...
nsIXPCException
ljsval(); parameters none.
Using the clipboard
e utf-16 // format internally.
Standard OS Libraries
address() ); console.info('win_undermouse:', win_undermouse, win_undermouse.tostring()); console.info('x:', x, x.tostring()); console.info('y:', y, y.tostring()); console.info('mask:', mask, mask.tostring()); gdk.close(); gdk3.close(); gtk+ the gtk+ toolkit can also be used.
Debugger.Source - Firefox Developer Tools
a block of webassembly code, its properties provide the serialized text as a string.
Network request list - Firefox Developer Tools
triggered.
Examine and edit CSS - Firefox Developer Tools
ated longhand properties by clicking the arrow besides them.
CacheStorage - Web APIs
mylittlevader.jpg'); }); } })); }); this snippet shows how the api can be used outside of a service worker context, and uses the await operator for much more readable code.
Binary strings - Web APIs
Web › API › DOMString › Binary
al user, since the length of javascript strings is calculated using two bytes as the unit.
Document.forms - Web APIs
Web › API › Document › forms
orms[index].elements[index]; named form access <!doctype html> <html lang="en"> <head> <title>document.forms example</title> </head> <body> <form name="login"> <input name="email" type="email"> <input name="password" type="password"> <button type="submit">log in</button> </form> <script> var loginform = document.forms.login; // or document.forms['login'] loginform.elements.email.placeholder = 'test@example.com'; loginform.elements.password.placeholder = 'password'; </script> </body> </html> specifications specification status comment html living standardthe definition of 'document.forms' in that specification.
Element: keydown event - Web APIs
(229 is a special value set for a keycode relating to an event that has been processed by an ime): eventtarget.addeventlistener("keydown", event => { if (event.iscomposing || event.keycode === 229) { return; } // do something }); examples addeventlistener keydown example this example logs the keyboardevent.code value whenever you press down a key inside the <input> element.
Element: keyup event - Web APIs
e this (229 is a special value set for a keycode relating to an event that has been processed by an ime): eventtarget.addeventlistener("keyup", event => { if (event.iscomposing || event.keycode === 229) { return; } // do something }); examples addeventlistener keyup example this example logs the keyboardevent.code value whenever you release a key inside the <input> element.
Element.slot - Web APIs
Web › API › Element › slot
the slot property of the element interface returns the name of the shadow dom slot the element is inserted in.
Using FormData Objects - Web APIs
nding it along, to include additional information that's not necessarily user-editable.
GlobalEventHandlers.onchange - Web APIs
not necessarily called for each alteration to an element's value.
GlobalEventHandlers.oninput - Web APIs
onchange event handler is not necessarily called for each alteration to an element's value.
HTMLElement: beforeinput event - Web APIs
e.
HTMLElement: change event - Web APIs
listener('change', (event) => { const result = document.queryselector('.result'); result.textcontent = `you like ${event.target.value}`; }); result text input element for some elements, including <input type="text">, the change event doesn't fire until the control loses focus.
HTMLElement: input event - Web APIs
event instead for elements of these types.
HTMLSelectElement.selectedIndex - Web APIs
placeholder ...
HTMLSlotElement.name - Web APIs
the name property of the htmlslotelement interface returns or sets the slot name.
SVGGraphicsElement: copy event - Web APIs
ct and dispatch a synthetic copy event, but this will not affect the system clipboard.
A simple RTCDataChannel sample - Web APIs
on" name="disconnectbutton" class="buttonright" disabled> disconnect </button> then there's a box which contains the text input box into which the user can type a message to transmit, with a button to send the entered text.
Using ARIA: Roles, states, and properties - Accessibility
region search live region roles alert log marquee status timer window roles alertdialog dialog states and properties widget attributes aria-autocomplete aria-checked aria-current aria-disabled aria-errormessage aria-expanded aria-haspopup aria-hidden aria-invalid aria-label aria-level aria-modal aria-multiline aria-multiselectable aria-orientation aria-placeholder aria-pressed aria-readonly aria-required aria-selected aria-sort aria-valuemax aria-valuemin aria-valuenow aria-valuetext live region attributes aria-live aria-relevant aria-atomic aria-busy drag & drop attributes aria-dropeffect aria-dragged relationship attributes aria-activedescendant aria-colcount aria-colindex aria-colspan aria-controls aria-describedby...
Text labels and names - Accessibility
<input type="checkbox" id="terms"> </label> <input type="checkbox" id="emailoptin"> <label for="emailoptin">yes, please send me news about this product.</label> form elements should have a visible text label in addition to having a <label> for every form element, those labels should be visible, not hidden.
:any-link - CSS: Cascading Style Sheets
Web › CSS › :any-link
been visited.
:in-range - CSS: Cascading Style Sheets
Web › CSS › :in-range
ent value is within the permitted limits.
:link - CSS: Cascading Style Sheets
Web › CSS › :link
ple will probably have special font colors only before you visit them.
:out-of-range - CSS: Cascading Style Sheets
utside the permitted limits.
Border-image generator - CSS: Cascading Style Sheets
rder5"/> <img class="image" src="https://udn.realityripple.com/samples/fb/c0b285d3da.svg" data-stateid="border6"/> </div> </div> <div id="load-actions" class="group section"> <div id="toggle-gallery" data-action="hide"> </div> <div id="load-image" class="button"> upload image </div> <input id="remote-url" type="text" placeholder="load an image from url"/> <div id="load-remote" class="button"> </div> </div> <div id="general-controls" class="group section"> <div class="name"> control box </div> <div class="separator"></div> <div class="property"> <div class="name">scale</div> <div class="ui-input-slider" data-topic="scale" ...
CSS Grid Layout and Progressive Enhancement - CSS: Cascading Style Sheets
: 1fr 2fr; grid-template-areas: "img content"; margin-bottom: 1em; } .media::after { content: ""; display: block; clear: both; } .media .image { float: left; width: 150px; margin-right: 20px; } .media .text { padding: 10px; align-self: end; } <div class="media"> <div class="image"><img src="https://udn.realityripple.com/samples/89/f993f273dd.png" alt="placeholder"></div> <div class="text">this is a media object example.
Mozilla CSS extensions - CSS: Cascading Style Sheets
d :-moz-handler-crashed :-moz-handler-disabled ::-moz-inline-table l :-moz-last-node :-moz-list-bullet :-moz-list-number :-moz-loading :-moz-locale-dir(ltr) :-moz-locale-dir(rtl) :-moz-lwtheme :-moz-lwtheme-brighttext :-moz-lwtheme-darktext n – r :-moz-native-anonymous :-moz-only-whitespace ::-moz-page ::-moz-page-sequence ::-moz-pagebreak ::-moz-pagecontent :-moz-placeholderobsolete since gecko 51 ::-moz-placeholderdeprecated since gecko 51 ::-moz-progress-bar ::-moz-range-progress ::-moz-range-thumb ::-moz-range-track :-moz-read-only :-moz-read-write s ::-moz-scrolled-canvas ::-moz-scrolled-content ::-moz-scrolled-page-sequence ::-moz-selectiondeprecated since gecko 62 :-moz-submit-invalid :-moz-suppressed ::-moz-svg-foreign-content t ::-m...
Pseudo-elements - CSS: Cascading Style Sheets
lasses from pseudo-elements.
CSS reference - CSS: Cascading Style Sheets
Web › CSS › Reference
r-inlineoverscroll-behavior-xoverscroll-behavior-yppad (@counter-style)paddingpadding-blockpadding-block-endpadding-block-startpadding-bottompadding-inlinepadding-inline-endpadding-inline-startpadding-leftpadding-rightpadding-top@pagepage-break-afterpage-break-beforepage-break-insidepaint()paint-orderpath()pc<percentage>perspectiveperspective()perspective-originplace-contentplace-itemsplace-self::placeholderpointer-eventspolygon()<position>positionprefix (@counter-style)ptpxqqquotesrradradial-gradient()range (@counter-style)<ratio>:read-only:read-writerect()remrepeat()repeating-linear-gradient()repeating-radial-gradient():requiredresize<resolution>revertrgb()rgba():rightright@right-bottom:rootrotaterotate()rotate3d()rotatex()rotatey()rotatez()row-gapsssaturate()scalescale()scale3d()scalex()scaley()sc...
WebKit CSS extensions - CSS: Cascading Style Sheets
-webkit-full-screen-controls-hidden * now standard.
DOM onevent handlers - Developer guides
ess, onfocus, etc.
HTML attribute reference - HTML: Hypertext Markup Language
details> indicates whether the details will be shown on page load.
<input type="color"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › color
rowser that doesn't support an input of type color will naturally fall back to the type text.
<input type="range"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › range
nt attribute defines the orientation of the range slider.
<slot> - HTML: Hypertext Markup Language
Web › HTML › Element › slot
the html <slot> element—part of the web components technology suite—is a placeholder inside a web component that you can fill with your own markup, which lets you create separate dom trees and present them together.
HTML elements reference - HTML: Hypertext Markup Language
Web › HTML › Element
ement's disclosure box.
Link types - HTML: Hypertext Markup Language
ral icons are equally appropriate, the last one is used.
Meta programming - JavaScript
t defines a target (an empty object here) and a handler object, in which a get trap is implemented.
The legacy Iterator protocol - JavaScript
is an legacy iterator when it implements a next() method with the following semantics, and throws stopiteration at the end of iteration.
for await...of - JavaScript
onsesize = 0; // the for-await-of loop.
background_color - Web app manifests
type string mandatory no the background_color member defines a placeholder background color for the application page to display before its stylesheet is loaded.
<mmultiscripts> - MathML
presuperscript)* ] </mmultiscripts> after the base expression you can specify a postsubscript and a postsuperscript.
Populating the page: how browsers work - Web Performance
limited number of differing viewport sizes.
<a> - SVG: Scalable Vector Graphics
Web › SVG › Element › a
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshap...
<circle> - SVG: Scalable Vector Graphics
Web › SVG › Element › circle
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animati...
<ellipse> - SVG: Scalable Vector Graphics
Web › SVG › Element › ellipse
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animati...
<foreignObject> - SVG: Scalable Vector Graphics
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesnonepermitted contentany elements or character data specifications specification status comment s...
<g> - SVG: Scalable Vector Graphics
Web › SVG › Element › g
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdesc...
<line> - SVG: Scalable Vector Graphics
Web › SVG › Element › line
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animati...
<marker> - SVG: Scalable Vector Graphics
Web › SVG › Element › marker
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshap...
<path> - SVG: Scalable Vector Graphics
Web › SVG › Element › path
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesgraphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptiv...
<polygon> - SVG: Scalable Vector Graphics
Web › SVG › Element › polygon
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animati...
<polyline> - SVG: Scalable Vector Graphics
Web › SVG › Element › polyline
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animati...
<rect> - SVG: Scalable Vector Graphics
Web › SVG › Element › rect
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animati...
<svg> - SVG: Scalable Vector Graphics
Web › SVG › Element › svg
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdesc...
<symbol> - SVG: Scalable Vector Graphics
Web › SVG › Element › symbol
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdesc...
<text> - SVG: Scalable Vector Graphics
Web › SVG › Element › text
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesgraphics element, text content elementpermitted contentcharacter data and any number of the following elements, in any order:an...
<textPath> - SVG: Scalable Vector Graphics
Web › SVG › Element › textPath
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role xlink attributes xlink:title usage notes categoriestext content element, text content child elementpermitted contentcharacter data and any number o...
<tspan> - SVG: Scalable Vector Graphics
Web › SVG › Element › tspan
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriestext content element, text content child elementpermitted contentcharacter data and any number of the following elements, in an...
<use> - SVG: Scalable Vector Graphics
Web › SVG › Element › use
ked, 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-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role xlink attributes xlink:href, xlink:title usage notes categoriesgraphics element, graphics referencing element, structural elementpermitted content...
Web Components
does not include nodes in shadow trees if the shadow root was created with shadowroot.mode closed.