Améliorer le style des formulaire HTML
Résolu
gezaakk
Messages postés
382
Date d'inscription
Statut
Membre
Dernière intervention
-
gezaakk Messages postés 382 Date d'inscription Statut Membre Dernière intervention -
gezaakk Messages postés 382 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Améliorer le style des formulaire HTML
- Whatsapp formulaire opposition - Guide
- Style word - Guide
- Formulaire de réclamation facebook - Guide
- Editeur html - Télécharger - HTML
- Formulaire de reclamation instagram - Guide
6 réponses
YO,
Faites des images, utilisez le CSS, html seul n'est plus suffisant pour la mise en page et le design(ce que vous appelez style moderne s'obtient assez facilement).
En fait quel est le problème?
Un clic droit sur la page => afficher la source peut vous donner une idée de comment la page du formulaire en exemple est mise en page.
Faites des images, utilisez le CSS, html seul n'est plus suffisant pour la mise en page et le design(ce que vous appelez style moderne s'obtient assez facilement).
En fait quel est le problème?
Un clic droit sur la page => afficher la source peut vous donner une idée de comment la page du formulaire en exemple est mise en page.
merci moi je veut realiser l'effet de lumiére sur les coté lorsque on clic sur la zone de texte
merci a vous tous
merci a vous tous
comme ici aussi https://twitter.com/signup
Le rapport c'est qu'il y a des codes partout sur google et qu'il a juste a rechercher des sites pour apprendre à se servir des styles et/ou Javascript et je lui est passé un exemple de menu qui apparaît avec de la transparence au touché de la souris qu'il peut ensuite adapter avec sont code en y mettant par exemple sont input à l'intérieur.
Lui il a vue ça sur twitter donc il veut ça ! Mais ont peut faire autrement en ayant un minimum d'idée donc de ressource.
De plus tous est expliqué dans cette source.
Lui il a vue ça sur twitter donc il veut ça ! Mais ont peut faire autrement en ayant un minimum d'idée donc de ressource.
De plus tous est expliqué dans cette source.
non mon problème c que je veut avoir le même style des 4 champ de texte dans https://twitter.com/signup
Salut,
L'effet de lumière comme vous l'appelez ce sont des images(deux) qui correspondent à un événement.
Le principe c'est que l'image de l'état initial est remplacé par une autre lorsque l'on clique dans le champ de saisie.
Vos mots sont donc mal choisit, ce sont pas des styles mais des images. Surtout que c'est le CSS qu'on nomme style dans le web et que vous pouvez facilement faire cela avec les styles css sur des boutons(technique la plus employée) pour donner les visuels différents pour l'état survol et enfoncé.
La programmation événementielle est un des avantages de javascript, il permet de gérer les événements(action provoquée par l'utilisateur comme cliquer ici, déplacez la souris vers la droite, recharger la page, l'heure change...etc). A travers le DOM(programmation orienté objets) de javascript vous pouvez simplement changer les valeurs des attributs et même ajouter/supprimer des balises dans la page.
>je serai reconnaissant pour le personne qui m'aide :)
Aides toi et le ciel t'aidera. Des réponses vous ont été apporté mais vous n'avez pas cherché à les comprendre, je vais les répéter: Apprenez le css et javascript ou laissez tomber.
La référence qui peut vous aider:
http://www.w3schools.com/css/css_pseudo_classes.asp
edit: je viens de voir votre commentaire
//je connais mais j'ai pas réussi crée une chose pareil ou presque
Regardez du côté de innerHtml (javascript DOM)pour changer l'attribut src de l'image ou utilisez les pseudo classes css.
L'effet de lumière comme vous l'appelez ce sont des images(deux) qui correspondent à un événement.
Le principe c'est que l'image de l'état initial est remplacé par une autre lorsque l'on clique dans le champ de saisie.
Vos mots sont donc mal choisit, ce sont pas des styles mais des images. Surtout que c'est le CSS qu'on nomme style dans le web et que vous pouvez facilement faire cela avec les styles css sur des boutons(technique la plus employée) pour donner les visuels différents pour l'état survol et enfoncé.
La programmation événementielle est un des avantages de javascript, il permet de gérer les événements(action provoquée par l'utilisateur comme cliquer ici, déplacez la souris vers la droite, recharger la page, l'heure change...etc). A travers le DOM(programmation orienté objets) de javascript vous pouvez simplement changer les valeurs des attributs et même ajouter/supprimer des balises dans la page.
>je serai reconnaissant pour le personne qui m'aide :)
Aides toi et le ciel t'aidera. Des réponses vous ont été apporté mais vous n'avez pas cherché à les comprendre, je vais les répéter: Apprenez le css et javascript ou laissez tomber.
La référence qui peut vous aider:
http://www.w3schools.com/css/css_pseudo_classes.asp
edit: je viens de voir votre commentaire
//je connais mais j'ai pas réussi crée une chose pareil ou presque
Regardez du côté de innerHtml (javascript DOM)pour changer l'attribut src de l'image ou utilisez les pseudo classes css.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut,
On peut réaliser ce que tu désires simplement en HTML/CSS, et sans image, grâce à certaines propriétés en CSS3 : box-shadow et transition.
Pour ce qui est du texte qui disparaît seulement lorsqu'on écrit, il s'agit d'un élément (div par exemple) qui superpose le champ texte.
On le fait apparaître/disparaître grâce à du Javascript.
Ou plus simple : l'attribut placeholder (pas d'animation, et le texte disparaît dés que le curseur est inséré dans le champ).
On peut réaliser ce que tu désires simplement en HTML/CSS, et sans image, grâce à certaines propriétés en CSS3 : box-shadow et transition.
Pour ce qui est du texte qui disparaît seulement lorsqu'on écrit, il s'agit d'un élément (div par exemple) qui superpose le champ texte.
On le fait apparaître/disparaître grâce à du Javascript.
Ou plus simple : l'attribut placeholder (pas d'animation, et le texte disparaît dés que le curseur est inséré dans le champ).
En complément, je rajouterai ce lien: https://www.alsacreations.com/tuto/lire/910-creer-des-ombrages-ombres-css-box-shadow-text-shadow.html
<input type="text" name="Nom" style="width:250; height:35; font-face:Trebuchet MS; font-size:12pt; border: 1pt solid #000000; border-radius:5pt;">
(c'est juste un exemple)