Beaucoup de formes de pages Web d'aujourd'hui utilisent JavaScript pour étendre dynamiquement ou sous contrat de mieux répondre aux besoins de la personne en utilisant le formulaire . Par exemple, un formulaire pour un utilisateur d' entrer des informations sur ses animaux de compagnie élargirait uniquement si l'utilisateur indiqué (via un bouton d'option , par exemple ) qu'elle avait des animaux domestiques. L'avantage d'utiliser JavaScript pour développer une forme est relativement élevé garantit que le script ne fonctionne . Ce résultat d'assurance de l'usage répandu de JavaScript dans les navigateurs , contrairement à celle d'autres langages comme VB Script ou Java . Instructions 1
collez ou tapez le formulaire d'une page web suivant dans un nouveau document dans un traitement de texte .
< Br >
«Formulaire exemple élargir " Photos
Photos
Photos
Photos
< nom de l'entrée = Type " formButton " = "button" onclick = " ShowHideForm (); " value = " forme Expand /Collapse »> Photos
Photos
Photos
Photos
Cette page Web affiche une forme simple, dont le code dans les étapes suivantes va étendre ou réduire lorsque l'utilisateur appuie sur le bouton de la page. Le tag " " affiché dans la liste crée ce bouton , dont l'un des attributs est le " onclick " événement prescripteur . Cette spécification pointe vers le code JavaScript qui va réduire ou développer la forme . 2
Collez le programme JavaScript suivant après la balise "head" dans le document. < Script type
= " text /javascript "> Photos
fonction ShowHideForm () { var
f = document.getElementById (" myform ");
if ( f.style.display == "inline" ) {
f.style.display = "none" ;
} else {
f.style.display = "inline" ;
} }
Photos
la fonction " ShowHideForm " commence par obtenir une référence à la forme , qui l'appel de fonction " getElementById " fournit . La déclaration " de f.style.display " utilise cette référence , via la variable "f" , pour accéder à l' attribut "style " du formulaire web. Attributs de style HTML contiennent une feuille de style CSS ( codes ) que les développeurs utilisent pour positionner et de styliser le contenu Web en cascade. Les développeurs utilisent l'attribut "display" CSS, comme dans le code vient de donner , pour définir la visibilité d'un élément HTML . Une valeur de "none" pour cet attribut indique que l'élément HTML (par exemple, forme ) sera invisible . 3
Enregistrez le document en tant que " texte brut ", et avec tout nom de fichier qui a a ". htm" ou extension ". HTML" , qui permet l'affichage dans un navigateur. 4
Ouvrez l'Explorateur Windows et accédez au dossier contenant la page Web . Double-cliquez sur la page pour l'ouvrir. 5
Cliquez sur le bouton pour augmenter et se contracter alternativement la forme . 6
Remplacer, dans votre traitement de texte , le code entre les balises "
