Jak to możliwe (lub po prostu "czy to jest?") Stworzyć komponent sieciowy, który można umieścić w formularzu i działać jak każdy element wejściowy, który jest wysyłany do serwera po przesłaniu? Innymi słowy, czy komponenty internetowe mogą być używane do tworzenia niestandardowych elementów wejściowych?Czy komponenty internetowe mogą być używane do tworzenia niestandardowych elementów wejściowych?
użyć następujących opcji konfiguracyjnych przeglądarki przed badaniem:
about:flags => Enabled Experimental WebKit Features/Enable Experimental Web Platformabout:config => dom.registercomponents.enabledwłączyć document.registerElement.
pomocą parametru document.registerElementextends przedłużenie natywną elementu wejściowego:
/* Cross-browser fallback */
document.registerElement = document.registerElement || document.register;
/* Element registration using x-tag format */
var MegaButton = document.registerElement('x-button', {
prototype: Object.create(HTMLButtonElement.prototype),
extends: 'button'
});
referencyjne
[tutaj jest wersja demonstracyjna, która nie wydaje się być praca w przeglądarce Chrome lub Firefox przy użyciu podanego kodu] (http://jsfiddle.net/sBWr2/). Czy czegoś brakuje? Sprawdziłem dwukrotnie, czy mam włączoną opcję "Włącz eksperymentalne funkcje platformy internetowej". – zzzzBov
@zzzzBov Dzięki za heads up. Zrobiłem [zaktualizowałem skrzypce] (http://jsfiddle.net/sBWr2/46/), aby działało w Firefoksie i znalazłem [inny przykład] (http://jsfiddle.net/Buttonpresser/9W4pe/), który działa użycie reguł arkusza stylów do zdefiniowania właściwości wyświetlania niestandardowego tagu. –
Aby było jasne, problem z elementami niestandardowymi nie dotyczy rejestracji, renderowania ani stylizowania. To wtedy, gdy mają reprezentować dane formularzy, że rzeczy nie działają. Nie widziałem jeszcze przykładu, w którym element niestandardowy może zostać zarejestrowany, aby można go było przesłać jako część formularza lub kliknąć, aby przesłać formularz. – zzzzBov
Przykład niestandardowego elementu wejściowego utworzonego przez Google przy użyciu polimeru: https://www.polymer-project.org/components/paper-input/demo.html – Ajedi32