Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > JavaScript获取/更改文本框的值的实例代码_javascript技巧

JavaScript获取/更改文本框的值的实例代码_javascript技巧

WBOY
Freigeben： 2016-05-16 17:27:14
Original
1406 Leute haben es durchsucht

尽管和是不同元素，但它们均支持同样的特性来获取包含在文本框内的文本。考虑以下例子：

复制代码 代码如下:



Retrieying a Textbox Value Example











这个例子显示了两个文本框，一个是单行的另一个是多行的，还有一个按钮。当点击按钮时，会出现警告框显示各个文本框中的内容。

也可以在两个文本框中输入一些内容，然后点击按钮。

因为value特性是个字符串，可以使用任何字符串的特性和方法。例如，可以使用length特性来获取文本框中的文本长度：
复制代码 代码如下:



Retrieving a Textbox Length Example











这个例子中使用value的length特性来判断每个文本框中的字符数。

这个value特性也可用于给文本框设置新内容：

复制代码 代码如下:



Changing a Textbox Value Example











这个例子中，点击按钮可将第一个文本框设置为"first textbox"，将第二个文本框设置为"second textbox"。
Verwandte Etiketten：
javascript 值 文本框
Quelle：php.cn
Vorheriger Artikel：解决js数据包含加号+通过ajax传到后台时出现连接错误_javascript技巧 Nächster Artikel：Javascript 遮罩层和加载效果代码_javascript技巧
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Reine CSS-Methode zum dynamischen Ändern der Bildquelle beim Klicken ohne Verwendung von JavaScript Ich muss den Quellcode eines Bildes per Mausklick ändern, indem ich nur CSS wie img:active...
Aus 2024-04-06 19:25:49
0
1
505
Streudiagrammpunkte behalten beim Zoomen in d3.js keine Werte bei Dies ist das erste Mal, dass ich d3.js verwende. Bitte haben Sie Geduld. Ich habe es als r...
Aus 2024-04-06 18:16:26
0
1
403
JavaScript-Hover-Ereignisse für herstellerspezifische Pseudoelemente 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
Aus 2024-04-06 15:35:24
0
1
274
Formular ohne Schaltfläche mit Javascript/Jquery senden Ich versuche, ein Formular ohne Schaltfläche zu senden, indem ich eine JavaScript-Funktion...
Aus 2024-04-06 14:54:03
0
2
421
Passen Sie das Erscheinungsbild von Bootstrap-Akkordeon-Headern mithilfe der CollapseDisplay-Klasse an Ich möchte den Kartentitel eines Panels mit der Klasse Collapseshow formatieren. In diesem...
Aus 2024-04-06 12:53:11
0
1
376
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage