interface Webtutoriel HTMLComment utiliser HTML pour implémenter le style du forum de discussion ? (exemple de code)Comment utiliser HTML pour implémenter le style du forum de discussion ? (exemple de code)
Cet article vous présente principalement un forum de messages HTML très simple et les opérations de code associées du style de liste de messages HTML. Les forums de discussion sont un élément essentiel de certains portails ou forums, etc.
L'exemple de code spécifique du babillard HTML est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页留言板版源码示例</title>
</head>
<body>
<h1 id="简易留言板">简易留言板</h1>
<textarea id="memo" cols="60" rows="10"></textarea>
<input type="button" value="追加内容" onclick="saveStorage('memo')" />
<input type="button" value="初始化" onclick="clearStorage('msg')" />
<hr />
<p id="msg"></p>
<script type="text/javascript">
function saveStorage(id) {
var data = document.getElementById(id).value;
var time = new Date().getTime();
localStorage.setItem(time,data);
console.log("数据已保存");
loadStorage('msg');
}
function loadStorage(id) {
var result = '<table border="1">';
for(var i = 0; i < localStorage.length; i++) {
var kes = localStorage.key(i);
var value = localStorage.getItem(kes);
var date = new Date();
date.setTime(kes);
var datestr = date.toGMTString();
result += '<tr><td>' + value + '</td><td>' + datestr + '</td></tr>'
}
result += '</table>';
var target = document.getElementById(id);
target.innerHTML = result;
}
function clearStorage() {
localStorage.clear();
console.log("清除完毕");
}
</script>
</body>
</html>L'effet du babillard HTML ci-dessus est le suivant :
Remarque : saveStorage() obtient la valeur de la zone de texte
getTime() obtient l'horodatage actuel, setItem() utilise l'horodatage comme valeur clé et la valeur de la zone de texte est enregistrée dans la base de données locale en tant que valeur clé
localStorage : une nouvelle balise apparaissant dans html5
stockage local html5
Instruction de base : window.localStorage;
Obtenir : localStorage.getItem(key);
Ajouter : localStorage.setItem(key,value);
Modifier : localStorage.key = "";
Supprimer : localStorage.removeItem(key);
Effacer : localStorage.clear();
[Recommandations d'articles connexes]
Comment créez simplement un forum de messages avec php
Introduction détaillée au code de php pour implémenter la fonction de forum de messages
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Pourquoi les attributs HTML sont-ils importants pour le développement Web?May 12, 2025 am 12:01 AMHtmlattributesarecrucialinwebDevelopmentForControllingBehavior, apparence et fonctionnalité.
Quel est le but de l'attribut ALT? Pourquoi est-ce important?May 11, 2025 am 12:01 AML'attribut ALT est une partie importante de la balise en HTML et est utilisée pour fournir un texte alternatif pour les images. 1. Lorsque l'image ne peut pas être chargée, le texte de l'attribut ALT sera affiché pour améliorer l'expérience utilisateur. 2. Les lecteurs d'écran utilisent l'attribut ALT pour aider les utilisateurs malvoyants à comprendre le contenu de l'image. 3. Les moteurs de recherche indexent le texte dans l'attribut ALT pour améliorer le classement SEO des pages Web.
HTML, CSS et JavaScript: exemples et applications pratiquesMay 09, 2025 am 12:01 AMLes rôles de HTML, CSS et JavaScript dans le développement Web sont: 1. HTML est utilisé pour créer une structure de page Web; 2. CSS est utilisé pour embellir l'apparence des pages Web; 3. JavaScript est utilisé pour obtenir une interaction dynamique. Grâce à des balises, des styles et des scripts, ces trois créent ensemble les fonctions principales des pages Web modernes.
Comment définissez-vous l'attribut Lang sur la balise ? Pourquoi est-ce important?May 08, 2025 am 12:03 AMLa définition des attributs Lang d'une balise est une étape clé dans l'optimisation de l'accessibilité Web et du référencement. 1) Définissez l'attribut Lang dans la balise, comme. 2) Dans le contenu multilingue, définissez les attributs Lang pour différentes parties de langue, telles que. 3) Utilisez des codes linguistiques conformes aux normes ISO639-1, telles que "EN", "FR", "ZH", etc. La définition correcte de l'attribut Lang peut améliorer l'accessibilité des pages Web et des classements de moteur de recherche.
Quel est le but des attributs HTML?May 07, 2025 am 12:01 AMHtmlattributesAsAntinelEntialFormenhancingWelements's-ctionality et appareil.EyyAddInformationTodeFineBehavior, Apparence et Interaction, faisant des websites interactifs, réactifs, et visuellement.
Comment créez-vous une liste dans HTML?May 06, 2025 am 12:01 AMTOCRÉATEALISTINHTML, USEFORDORDEDRILST ANDFORODEREDLISTS: 1) ForunDorDedlists, webrotemsinandUseForEachItem, Renderingasabulletedlist.2) FororderDlists, useAndFornumberredlists, personnalisable withthepeTypeTrributeforDiferentNumberStyles.
HTML en action: Exemples de structure de site WebMay 05, 2025 am 12:03 AMHTML est utilisé pour créer des sites Web avec une structure claire. 1) Utilisez des balises telles que et définissez la structure du site Web. 2) Les exemples montrent la structure des blogs et des sites Web de commerce électronique. 3) Évitez les erreurs courantes telles que la nidification incorrecte des étiquettes. 4) Optimiser les performances en réduisant les demandes HTTP et en utilisant des balises sémantiques.
Comment insérer une image dans une page HTML?May 04, 2025 am 12:02 AMToinsertanimageIntoanhtmlpage, usethetagwithsrcandalttributes.1) usealttextforaccessibility and
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
VSCode Windows 64 bits Télécharger
Un éditeur IDE gratuit et puissant lancé par Microsoft
mPDF
mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),
MantisBT
Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
Adaptateur de serveur SAP NetWeaver pour Eclipse
Intégrez Eclipse au serveur d'applications SAP NetWeaver.
