Ich benutze viele Textareas auf meiner Website, aber sie sind nicht schreibgeschützt und es würde eine Menge Zeit brauchen, um ihnen das Attribut readonly
hinzuzufügen. Gibt es eine andere Möglichkeit, sie alle schreibgeschützt zu machen?Wie man alle Textareas auf einer Website "readonly" macht
Antwort
Sie haben soeben einen Fieldset um alle Ihre Textbereiche Elemente und deaktivieren Sie die Fieldset setzen könnte:
var myFieldset = document.getElementById("fieldset");
disableAll.onclick = function() { myFieldset.disabled = true; }
enableAll.onclick = function() { myFieldset.disabled = false; }
<button id="disableAll">Disable all</button>
<button id="enableAll">Enable all</button>
<form>
<fieldset id="fieldset">
<div>
<input type="text" value="sample text"/>
</div>
<div><textarea>your textarea</textarea></div>
<div><input type="button" value="a button"/></div>
</fieldset>
</form>
Mit jQuery Sie so etwas wie verwenden:
$('input[type=text], textarea').attr('readonly', true);
Sie könnte * JavaScript verwenden, um alle textarea
s auf einer Seite a auszuwählen Durchlaufen Sie die Sammlung und setzen Sie das Attribut readonly
auf true
.
/** ES6 VERSION **/
{
let textareas=document.getElementsByTagName("textarea"),
x=textareas.length;
while(x--)
textareas[x].readOnly=1;
}
/** ES5 VERSION
(function(){
var textareas=document.getElementsByTagName("textarea"),
x=textareas.length;
while(x--)
textareas[x].readOnly=1;
})();
**/
<textarea></textarea>
<textarea></textarea>
<textarea></textarea>
*
ich sagen konnte, weil alle jemand deaktivieren Sie JavaScript in ihrem Browser ist, um dies zu umgehen würde zu tun haben. Die bessere Lösung wäre, das readonly
Attribut von jedem textarea
in Ihrem Code "manuell" zu setzen, obwohl jeder, der das wirklich umgehen möchte, das über den Browser-Entwickler tun könnte. Konsole.
Einverstanden. Wenn der Punkt darin besteht, zu verhindern, dass sich die Daten bei der Übermittlung ändern, wäre die beste Lösung, sie auf der Serverseite zu behandeln. – hungerstar
In der Tat. Ich fühlte jedoch, dass das über den Rahmen der Frage hinausging. Aber fühlen Sie sich frei, es zu bearbeiten, wenn Sie denken, dass es enthalten sein sollte. – Shaggy
Mit VanillaJS können Sie diesen Code verwenden:
var list = document.getElementsByTagName("textarea");
for (var i = 0; i < list.length; i++) {
list[i].readOnly = true;
}
Mit jQuery:
$('textarea').attr('readonly', true);
- 1. Razor wie man eine CheckBox erstellt und sie READONLY macht?
- 2. Wie man die richtige Anmeldung in einer Website macht
- 3. Wie man ein Roulette in Echtzeit auf der Website macht
- 4. Anzahl der Textareas zählen
- 5. Wie man ein ExtJS Grid Panel zu einer echten Readonly Komponente macht
- 6. Wie speichert man alle Dateien aus dem Quellcode einer Website?
- 7. Wie macht man alle Kombinationen von Funktionen?
- 8. Meine Website ist wirklich langsam, wie man es schneller macht
- 9. Wie man eine Responsive Single Page Website mit Sidebar macht?
- 10. mehrere Wmd Textareas auf der gleichen Seite
- 11. Wie man die Website reaktionsschnell ohne Postback macht?
- 12. meteor/reagieren - Was macht die Eigenschaft "readOnly"?
- 13. Wie man das gleiche Layout für alle Webseiten macht
- 14. Wie finde ich ALLE auf einer Website aufgelisteten Jobs?
- 15. Neu in jQuery - focusIn und auf Textareas
- 16. Wie man Deklarationen einer Array-Klasse macht
- 17. Wie man einen Inhalt eine Website dynamisch in WordPress macht
- 18. Wie macht man einen Screenshot einer Webseite?
- 19. Wie liest man den Readonly-Status auf psycopg2?
- 20. XHTML und Code in Textareas
- 21. Wie man mehr als ein Ereignis auf einer Taste macht
- 22. LibGDX: Wie macht man Animationen auf einer isometrischen gekachelten Karte?
- 23. Wie man eine readonly C# -Liste macht, indem ich sein gesetztes Attribut nicht deklariere
- 24. Wie macht Firebase App-Indizierung ohne Website?
- 25. PropertyGrid readonly Eigenschaft auf Objektebene
- 26. Apex5.0, wie man ein checkbox readonly
- 27. PHP Tidy: Breaks Textareas
- 28. Sitzung readonly auf asp.net programmgesteuert machen (EnableSessionState = "ReadOnly")
- 29. Aframe/Squarespace - Wie man OBJ Quelle für alle verfügbar macht
- 30. Wie behandelt man Javascript & CSS-Dateien auf einer Website?
Haben Sie versucht, etwas ?? Wenn ja, poste deine Bemühungen. –
Was ist der Sinn von '
Müssen Sie Textarea verwenden? Sie sind in der Regel mehr für Formulare konzipiert. – Blakey