JSP-Formularverarbeitung mit getParameter ()

Inhaltsverzeichnis:

Anonim

JSP-Formularverarbeitung

Formulare sind die gängige Methode in der Webverarbeitung. Wir müssen Informationen an den Webserver und diese Informationen senden.

Es gibt zwei häufig verwendete Methoden zum Senden und Zurückholen von Informationen an den Webserver.

  1. GET-Methode:
  • Dies ist die Standardmethode zum Übergeben von Informationen vom Browser an den Webserver.
  • Es sendet die codierten Informationen getrennt durch ein an die URL-Seite angehängtes? -Zeichen.
  • Es gibt auch eine Größenbeschränkung, und wir können nur 1024 Zeichen in der Anfrage senden.
  • Wir sollten vermeiden, Passwort und vertrauliche Informationen über die GET-Methode zu senden.
  1. POST-Methode:
  • Die Post-Methode ist die zuverlässigste Methode zum Senden von Informationen an den Server.
  • Es sendet Informationen als separate Nachricht.
  • Es wird als Textzeichenfolge nach? In der URL gesendet.
  • Es wird häufig verwendet, um vertrauliche Informationen zu senden.

JSP verarbeitet die Formulardatenverarbeitung mithilfe der folgenden Methoden:

  1. getParameter ():

    Es wird verwendet, um den Wert des Formularparameters abzurufen.

  2. getParameterValues ​​():

    Es wird verwendet, um die mehreren Werte der Parameter zurückzugeben.

  3. getParameterNames ()

    Es wird verwendet, um die Namen von Parametern abzurufen.

  4. getInputStream ()

    Es wird verwendet, um die vom Client gesendeten Binärdaten zu lesen.

    Beispiel:

    In diesem Beispiel haben wir ein Formular mit zwei Feldern erstellt: "Benutzername" und "Passwort" mit einer Schaltfläche zum Senden

    Action_form.jsp

    <% @ page language = "java" contentType = "text / html; charset = ISO-8859-1" pageEncoding = "ISO-8859-1"%> Guru Form </ title></ head><body><form action = "action_form_process.jsp" method = "GET">Benutzername: <input type = "text" name = "username"><br />Passwort: <input type = "text" name = "password" /><input type = "submit" value = "Submit" /></ form></ body></ html></pre>
    <p>Action_form_process.jsp</p>
    <pre translate="no"><% @ page language = "java" contentType = "text / html; Zeichensatz = ISO-8859-1"pageEncoding = "ISO-8859-1"%><! DOCTYPE html PUBLIC "- // W3C // DTD HTML 4.01 Transitional // DE" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv = "Inhaltstyp" content = "text / html; Zeichensatz = ISO-8859-1"><title> Titel hier einfügen </ title></ head><body>
    <h2>Formularverarbeitung </ h1>
    <p><b> Willkommener Benutzer: </ b><% = request.getParameter ("Benutzername")%></p>
    
    <div id="container-5533149ee6411a5f99b370c693e87966"></div>
    </ body></ html></pre>
    <p><strong>Erläuterung des Codes:</strong></p>
    <p><strong>Action_form.jsp</strong></p>
    <p><strong>Codezeile 10:</strong> Hier haben wir ein Formular definiert und über das wir die Aktion zu einer anderen JSP verarbeitet haben. Im Aktionsparameter fügen wir die JSP hinzu, zu der sie über die GET-Methode verarbeitet werden muss.</p>
    <p>Hier verwenden wir die GET-Methode, um die Informationen, dh Benutzername und Passwort, zu übergeben.</p>
    <p><strong>Codezeile 11-14:</strong> Hier nehmen wir Felder wie Benutzername und Passwort, die Textfelder sind, und wir erhalten die Eingabe vom Benutzer.</p>
    <p>Diese Eingabe kann mit der Methode getParameter abgerufen werden. Außerdem haben wir die Schaltfläche "Senden" mit dem Typ "Senden", mit der wir die Feldwerte an action_form_process.jsp übergeben können</p>
    <p><strong>Action_form_process.jsp</strong></p>
    <p>Codezeile <strong>14:</strong> Hier erhalten wir die Werte der Eingabefelder aus action_form.jsp mithilfe der getParameter-Methode des Anforderungsobjekts.</p>
    <p>Wenn wir den obigen Code ausführen, erhalten wir die folgende Ausgabe:</p>
    </li>
    </ol>
    <p><strong>Ausgabe:</strong></p>
    <p>Wenn wir action_form.jsp ausführen, erhalten wir ein Formular mit zwei Feldern, Benutzername und Passwort sowie einer Schaltfläche zum Senden. Nach Eingabe von Benutzername und Passwort können wir auf Senden klicken und es wird zur nächsten Seite verarbeitet, die als Formularverarbeitungsseite mit einem ausgegeben wird Willkommensnachricht.
    										</div>
    									</article>
    									
    <div id="container-5533149ee6411a5f99b370c693e87966"></div>								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    				
    <aside class="col-lg-4 sidebar sidebar--right">
    	<div class="widget widget-popular-posts">
    		<h2 class="widget-title">Beliebte Beiträge</h2>
    		<ul class="post-list-small">
    			<li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__img-holder">
    						<div class="thumb-container thumb-100"><a href="/8004196-151-the-first-few-minutes-with-sublime-text" title="# 151: Die ersten paar Minuten mit erhabenem Text - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/2732662/151_the_first_few_minutes_with_sublime_text_css-tricks.png.webp" loading="lazy" alt="# 151: Die ersten paar Minuten mit erhabenem Text - CSS-Tricks" title="# 151: Die ersten paar Minuten mit erhabenem Text - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
    					</div>
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8004196-151-the-first-few-minutes-with-sublime-text" title="# 151: Die ersten paar Minuten mit erhabenem Text - CSS-Tricks" rel="bookmark"># 151: Die ersten paar Minuten mit erhabenem Text - CSS-Tricks 2025</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__img-holder">
    						<div class="thumb-container thumb-100"><a href="/8004197-150-hey-designers-if-you-only-know-one-thing-about-javascript-this-is-what-i-would-recommend" title="# 150: Hey Designer, wenn Sie nur eines über JavaScript wissen, würde ich dies empfehlen CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/7963410/150_hey_designers-_if_you_only_know_one_thing_about_javascript-_this_is_what_i_would_recommend_css-tric.png.webp" loading="lazy" alt="# 150: Hey Designer, wenn Sie nur eines über JavaScript wissen, würde ich dies empfehlen CSS-Tricks" title="# 150: Hey Designer, wenn Sie nur eines über JavaScript wissen, würde ich dies empfehlen CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
    					</div>
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8004197-150-hey-designers-if-you-only-know-one-thing-about-javascript-this-is-what-i-would-recommend" title="# 150: Hey Designer, wenn Sie nur eines über JavaScript wissen, würde ich dies empfehlen CSS-Tricks" rel="bookmark"># 150: Hey Designer, wenn Sie nur eines über JavaScript wissen, würde ich dies empfehlen CSS-Tricks 2025</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__img-holder">
    						<div class="thumb-container thumb-100"><a href="/8004198-158-an-expando-button-menu" title="# 158: Ein Expando-Button-Menü - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/7712657/158_an_expando_button_menu_css-tricks.png.webp" loading="lazy" alt="# 158: Ein Expando-Button-Menü - CSS-Tricks" title="# 158: Ein Expando-Button-Menü - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
    					</div>
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8004198-158-an-expando-button-menu" title="# 158: Ein Expando-Button-Menü - CSS-Tricks" rel="bookmark"># 158: Ein Expando-Button-Menü - CSS-Tricks 2025</a></h3>
    					</div>
    				</div>
    			</li>
    		</ul>
    	</div>
    
    	<div class="widget widget-popular-posts">
    		<h2 class="widget-title">Die besten Bewertungen für den Monat</h2>
    		<ul class="post-list-small">
    			<li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003807-click-once-and-unbind" title="Klicken Sie auf Einmal und binden Sie - CSS-Tricks" rel="bookmark">Klicken Sie auf Einmal und binden Sie - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003809-combine-slide-and-fade-functions" title="Folien- und Überblendfunktionen kombinieren - CSS-Tricks" rel="bookmark">Folien- und Überblendfunktionen kombinieren - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003810-compare-jquery-objects" title="Vergleichen Sie jQuery-Objekte - CSS-Tricks" rel="bookmark">Vergleichen Sie jQuery-Objekte - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003811-cycle-through-a-list" title="Durch eine Liste blättern - CSS-Tricks" rel="bookmark">Durch eine Liste blättern - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003812-detect-first-visible-element-of-certain-class" title="Erkennen Sie das erste sichtbare Element einer bestimmten Klasse CSS-Tricks" rel="bookmark">Erkennen Sie das erste sichtbare Element einer bestimmten Klasse CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003813-disable-parent-links-in-nested-list-navigation" title="Deaktivieren Sie übergeordnete Links in der Navigation mit verschachtelten Listen CSS-Tricks" rel="bookmark">Deaktivieren Sie übergeordnete Links in der Navigation mit verschachtelten Listen CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003814-disable-re-enable-inputs" title="Eingänge deaktivieren / wieder aktivieren - CSS-Tricks" rel="bookmark">Eingänge deaktivieren / wieder aktivieren - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003815-display-browser-and-version" title="Browser und Version anzeigen - CSS-Tricks" rel="bookmark">Browser und Version anzeigen - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003816-display-latest-feedburner-post" title="Neuesten FeedBurner-Beitrag anzeigen - CSS-Tricks" rel="bookmark">Neuesten FeedBurner-Beitrag anzeigen - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003817-display-only-first-x-divs-toggle-rest" title="Nur die ersten X Divs anzeigen, Rest umschalten - CSS-Tricks" rel="bookmark">Nur die ersten X Divs anzeigen, Rest umschalten - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003818-jquery-duplicate-plugin" title="JQuery Duplicate Plugin - CSS-Tricks" rel="bookmark">JQuery Duplicate Plugin - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003819-done-resizing-event" title="Fertig Größenänderungsereignis - CSS-Tricks" rel="bookmark">Fertig Größenänderungsereignis - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003820-display-last-tweet" title="Letzter Tweet anzeigen - CSS-Tricks" rel="bookmark">Letzter Tweet anzeigen - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003821-equalize-heights-of-divs" title="Höhen von Divs ausgleichen - CSS-Tricks" rel="bookmark">Höhen von Divs ausgleichen - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003822-draggable-without-jquery-ui" title="Draggable ohne jQuery UI - CSS-Tricks" rel="bookmark">Draggable ohne jQuery UI - CSS-Tricks</a></h3>
    					</div>
    				</div>
    			</li>
    		</ul>
    	</div>
    	
    <div id="container-5533149ee6411a5f99b370c693e87966"></div>	<div class="widget widget-popular-posts">
    		<h2 class="widget-title">Top Artikel</h2>
    		<ul class="post-list-small">
    			<li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__img-holder">
    						<div class="thumb-container thumb-100"><a href="/8003593-text-dripping-blood" title="Text tropft Blut - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/3987677/text_dripping_blood_css-tricks.png.webp" loading="lazy" alt="Text tropft Blut - CSS-Tricks" title="Text tropft Blut - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
    					</div>
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003593-text-dripping-blood" title="Text tropft Blut - CSS-Tricks" rel="bookmark">Text tropft Blut - CSS-Tricks 2025</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__img-holder">
    						<div class="thumb-container thumb-100"><a href="/8003594-toggle-visibility-when-hiding-elements" title="Sichtbarkeit beim Ausblenden von Elementen umschalten - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/3168802/toggle_visibility_when_hiding_elements_css-tricks.png.webp" loading="lazy" alt="Sichtbarkeit beim Ausblenden von Elementen umschalten - CSS-Tricks" title="Sichtbarkeit beim Ausblenden von Elementen umschalten - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
    					</div>
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003594-toggle-visibility-when-hiding-elements" title="Sichtbarkeit beim Ausblenden von Elementen umschalten - CSS-Tricks" rel="bookmark">Sichtbarkeit beim Ausblenden von Elementen umschalten - CSS-Tricks 2025</a></h3>
    					</div>
    				</div>
    			</li><li class="post-list-small__item">
    				<div class="post-list-small__entry clearfix">
    					<div class="post-list-small__img-holder">
    						<div class="thumb-container thumb-100"><a href="/8003595-style-placeholder-text" title="Platzhaltertext formatieren - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/3437081/style_placeholder_text_css-tricks.png.webp" loading="lazy" alt="Platzhaltertext formatieren - CSS-Tricks" title="Platzhaltertext formatieren - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
    					</div>
    					<div class="post-list-small__body">
    						<h3 class="post-list-small__entry-title"><a href="/8003595-style-placeholder-text" title="Platzhaltertext formatieren - CSS-Tricks" rel="bookmark">Platzhaltertext formatieren - CSS-Tricks 2025</a></h3>
    					</div>
    				</div>
    			</li>
    		</ul>
    	</div>
    </aside>			</div>
    		</div>
    		
    <footer class="footer footer--dark">
    	<div class="container">
    		<div class="footer__widgets">
    			<div class="row">
    				<div class="col-lg-4">
    					<div class="widget">
    						<h2 class="widget-title">Beliebte Beiträge</h2>
    						<ul class="post-list-small">
    							<li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8003685-top-and-bottom-halves-layout" title="Layout der oberen und unteren Hälften - CSS-Tricks" rel="bookmark">Layout der oberen und unteren Hälften - CSS-Tricks</a></h3>
    									</div>
    								</div>
    							</li><li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8003686-serving-up-universal-ie-6-stylesheet" title="Serving Up Universal IE 6 Stylesheet - CSS-Tricks" rel="bookmark">Serving Up Universal IE 6 Stylesheet - CSS-Tricks</a></h3>
    									</div>
    								</div>
    							</li><li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8003687-use-firebug-in-any-browser" title="Verwenden Sie Firebug in einem beliebigen Browser CSS-Tricks" rel="bookmark">Verwenden Sie Firebug in einem beliebigen Browser CSS-Tricks</a></h3>
    									</div>
    								</div>
    							</li><li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8003688-view-source-of-rss-feed-in-firefox" title="Quelle des RSS-Feeds in Firefox anzeigen - CSS-Tricks" rel="bookmark">Quelle des RSS-Feeds in Firefox anzeigen - CSS-Tricks</a></h3>
    									</div>
    								</div>
    							</li><li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8003689-xhtml-1-0-strict-page-structure" title="XHTML 1.0 STRICT Seitenstruktur - CSS-Tricks" rel="bookmark">XHTML 1.0 STRICT Seitenstruktur - CSS-Tricks</a></h3>
    									</div>
    								</div>
    							</li>
    						</ul>
    					</div>
    				</div>
    				<div class="col-lg-4">
    					<div class="widget">
    						<h2 class="widget-title">Tipp Der Redaktion</h2>
    						<ul class="post-list-small">
    						<li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8222997-20-best-selenium-alternatives-in-2021" title="20 BESTE Selenalternativen im Jahr 2021" rel="bookmark">20 BESTE Selenalternativen im Jahr 2021</a></h3>
    									</div>
    								</div>
    							</li><li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8222998-top-15-soapui-interview-questions-and-answers" title="Top 15 SOAPUI Interview Fragen & Antworten" rel="bookmark">Top 15 SOAPUI Interview Fragen & Antworten</a></h3>
    									</div>
    								</div>
    							</li><li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8222999-what-is-soapui-introduction-to-soapui-testing" title="Was ist SoapUI? Einführung in SoapUI Testing" rel="bookmark">Was ist SoapUI? Einführung in SoapUI Testing</a></h3>
    									</div>
    								</div>
    							</li><li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8223000-soapui-download-install-and-configuration-on-windows" title="SOAPUI herunterladen, installieren & Konfiguration unter Windows" rel="bookmark">SOAPUI herunterladen, installieren & Konfiguration unter Windows</a></h3>
    									</div>
    								</div>
    							</li><li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8223001-soapui-how-to-create-test-suite-and-test-case" title="SoapUI: So erstellen Sie eine Test Suite & Testfall" rel="bookmark">SoapUI: So erstellen Sie eine Test Suite & Testfall</a></h3>
    									</div>
    								</div>
    							</li>
    						</ul>
    					</div>
    				</div>
    				<div class="col-lg-4">
    					<div class="widget">
    						<h2 class="widget-title">Top Artikel</h2>
    						<ul class="post-list-small">
    						<li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8002942-font-kerning" title="Font-kerning - CSS-Tricks" rel="bookmark">Font-kerning - CSS-Tricks</a></h3>
    									</div>
    								</div>
    							</li><li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8002943-font-weight" title="Schriftgröße - CSS-Tricks" rel="bookmark">Schriftgröße - CSS-Tricks</a></h3>
    									</div>
    								</div>
    							</li><li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8002944-grid-template-columns-grid-template-rows" title="Raster-Vorlagen-Spalten / Raster-Vorlagen-Zeilen - CSS-Tricks" rel="bookmark">Raster-Vorlagen-Spalten / Raster-Vorlagen-Zeilen - CSS-Tricks</a></h3>
    									</div>
    								</div>
    							</li><li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8002945-grid-row-grid-column" title="Gitterzeile / Gitterspalte - CSS-Tricks" rel="bookmark">Gitterzeile / Gitterspalte - CSS-Tricks</a></h3>
    									</div>
    								</div>
    							</li><li class="post-list-small__item">
    								<div>
    									<div>
    										<h3 class="post-list-small__entry-title"><a href="/8002946-font-variant-numeric" title="Schriftvariante-numerisch - CSS-Tricks" rel="bookmark">Schriftvariante-numerisch - CSS-Tricks</a></h3>
    									</div>
    								</div>
    							</li>
    						</ul>
    					</div>
    				</div>
    			</div>
    			<p>© Copyright de.css-code.org, 2025 August | 
    				<a href="https://de.css-code.org/about-site" title="Über Site">Über Site</a> | 
    				<a href="https://de.css-code.org/contacts" title="Kontakte">Kontakte</a> | 
    				<a href="https://de.css-code.org/privacy-policy" title="Datenschutz-Bestimmungen">Datenschutz-Bestimmungen</a>.
    			</p>
    			
    		</div>
    	</div>
    </footer>		
    <link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" />	</body>
    </html>