Skip to content

Traduction forms.md #35

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 24 commits into from
Mar 2, 2017
Merged
Changes from 1 commit
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
0aa076f
[syntax.md] début traduction chapitre attributs
yann-yinn Feb 2, 2017
8398675
Merge remote-tracking branch 'upstream/master'
yann-yinn Feb 7, 2017
ee28734
sync with fork
yann-yinn Feb 24, 2017
d2e9883
Merge remote-tracking branch 'upstream/master'
yann-yinn Feb 25, 2017
4d1dab4
forms.md - first paragraph translation
yann-yinn Feb 25, 2017
9c4cd1d
forms.md : traduction jusqu'à .number
yann-yinn Feb 25, 2017
1da096b
forms.md : relecture premier traduction jusqu'à numbers
yann-yinn Feb 26, 2017
0ccb6dd
forms.md : 3eme relecture jusqu'à .number
yann-yinn Feb 27, 2017
8bef84d
forms.md : fin premiere passe traduction
yann-yinn Feb 27, 2017
2dd5a79
forms.md : fin de la traduction
yann-yinn Feb 27, 2017
357a6f8
forms.md : prise en compte correction première passe @forresst
yann-yinn Feb 28, 2017
beead5b
forms.md : la chaine de caractère sera a quand la case sera cochée
yann-yinn Feb 28, 2017
35d8430
forms.md : fix deuxieme relecture @forresst - deux petits oublis
yann-yinn Feb 28, 2017
46c88e6
pull/35#pullrequestreview-24456323 : sur les champs de formulaire (in…
yann-yinn Mar 1, 2017
acc0e8c
pull/35#pullrequestreview-24456323 : les textareas
yann-yinn Mar 1, 2017
7d33cd3
pull/35#pullrequestreview-24456323 : suppression ligne en trop
yann-yinn Mar 1, 2017
ba8ac57
pull/35#pullrequestreview-24456323 : suppression deuxieme ligne en trop
yann-yinn Mar 1, 2017
036bf2f
pull/35#pullrequestreview-24456323 : suppression majuscule 'Lorsque'
yann-yinn Mar 1, 2017
07f1f0d
pull/35#pullrequestreview-24456323 : +### Options de select
yann-yinn Mar 1, 2017
80525f9
pull/35#pullrequestreview-24456323 : synchronise l'input => le champ
yann-yinn Mar 1, 2017
c6542c8
pull/35#pullrequestreview-24456323 : C'est vous voulez => Si vous voulez
yann-yinn Mar 1, 2017
0598b8b
pull/35#pullrequestreview-24456323 : inputs personnalisés => champs p…
yann-yinn Mar 1, 2017
1541722
forms.md : correctifs première relecture sylvain
yann-yinn Mar 1, 2017
c169ed8
forms.md : relecture sylvain : convertie en nombre
yann-yinn Mar 1, 2017
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions src/v2/guide/forms.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ order: 10

## Usage basique

Vous pouvez utilisez la directive `v-model` pour créer une liaison de donnée bidirectionnelle sur les champs de formulaire (input, select ou textarea). Elle choisira automatiquement la bonne manière de mettre à jour l'élément en fonction du type de champ. Bien qu'un peu magique, `v-model` est essentiellement un sucre syntaxique pour mettre à jour les données lors des évènements utilisateurs sur les champs, ainsi que quelques traitements spéciaux pour certains cas particuliers.
Vous pouvez utiliser la directive `v-model` pour créer une liaison de données bidirectionnelle sur les champs de formulaire (input, select ou textarea). Elle choisira automatiquement la bonne manière de mettre à jour l'élément en fonction du type de champ. Bien qu'un peu magique, `v-model` est essentiellement du sucre syntaxique pour mettre à jour les données lors des évènements de saisie utilisateur sur les champs, ainsi que quelques traitements spéciaux pour certains cas particuliers.

<p class="tip">`v-model` ne prend pas en compte la valeur initiale (attribut "value") fournie pour un champ. Elle traitera toujours les données de l'instance de vue comme la source de vérité.</p>

Expand All @@ -15,13 +15,13 @@ Vous pouvez utilisez la directive `v-model` pour créer une liaison de donnée b
### Texte

``` html
<input v-model="message" placeholder="modifiez moi">
<input v-model="message" placeholder="modifiez-moi">
<p>Le message est : {{ message }}</p>
```

{% raw %}
<div id="example-1" class="demo">
<input v-model="message" placeholder="modifiez moi">
<input v-model="message" placeholder="modifiez-moi">
<p>Le message est : {{ message }}</p>
</div>
<script>
Expand Down Expand Up @@ -62,7 +62,7 @@ new Vue({


{% raw %}
<p class="tip">L'interpolation sur les textareas (<code>&lt;textarea&gt;{{text}}&lt;/textarea&gt;</code>) ne fonctionnera pas. Utilisez <code>v-model</code> à la place.</p>
<p class="tip">L'interpolation sur les zones de texte (<code>&lt;textarea&gt;{{text}}&lt;/textarea&gt;</code>) ne fonctionnera pas. Utilisez <code>v-model</code> à la place.</p>
{% endraw %}

### Checkbox

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

On peut peut-être traduire case à cocher et mettre checkbox entre parenthèse, c'est une proposition, je comprendrais qu'elle soit refusée

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@forresst pourquoi pas, je veux bien un avis tierce avant de le faire :)

Expand Down Expand Up @@ -274,7 +274,7 @@ new Vue({

## Liaisons des attributs value

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cette ligne est a retirer

Pour les options de bouton radio, checkbox et select, les valeurs de liaison de `v-model` sont habituellement des chaînes de caractères statiques (ou des booléens pour une checkbox) :
Pour les boutons radio, les cases à cocher et les listes d'options, les valeurs de liaison de `v-model` sont habituellement des chaînes de caractères statiques (ou des booléens pour une case à cocher) :

``` html
<!-- `picked` sera une chaîne de caractères "a" quand le bouton radio sera sélectionné -->
Expand Down Expand Up @@ -339,7 +339,7 @@ vm.selected.number // -> 123

### `.lazy`

Par défaut, `v-model` synchronise le champ avec les données après chaque évènement `input` (à l'exception de l'exécution d'une méthode de saisie comme [dit plus haut](#vmodel-ime-tip)). Vous pouvez ajouter le modificateur `lazy` pour synchroniser après les évènements `change` à la place :
Par défaut, `v-model` synchronise le champ avec les données après chaque évènement `input` (à l'exception de l'exécution d'une méthode de saisie comme [mentionné plus haut](#vmodel-ime-tip)). Vous pouvez ajouter le modificateur `lazy` pour synchroniser après les évènements `change` à la place :

``` html
<!-- synchronisé après le "change" au lieu du "input" -->
Expand All @@ -348,7 +348,7 @@ Par défaut, `v-model` synchronise le champ avec les données après chaque év

### `.number`

Si vous voulez que la saisie utilisateur soit automatiquement typée en tant que nombre, vous pouvez ajouter le modificateur `number` à vos input gérés par `v-model` :
Si vous voulez que la saisie utilisateur soit automatiquement convertie en tant que nombre, vous pouvez ajouter le modificateur `number` à vos champs gérés par `v-model` :

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"convertie en nombre"


``` html
<input v-model.number="age" type="number">
Expand All @@ -358,7 +358,7 @@ C'est souvent utile, parce que même avec `type="number"`, la valeur des éléme

### `.trim`

Si vous voulez que les saisies utilisateurs soit automatiquement nettoyées des espaces superflus, vous pouvez ajouter le modificateur `trim` à vos champs gérés par `v-model` :
Si vous voulez que les espaces superflus des saisies utilisateur soient automatiquement retirés, vous pouvez ajouter le modificateur `trim` à vos champs gérés par `v-model` :

```html
<input v-model.trim="msg">
Expand All @@ -368,7 +368,7 @@ Si vous voulez que les saisies utilisateurs soit automatiquement nettoyées des

> Si vous n'êtes pas encore familier avec les composants de Vue, passez cette section pour le moment.

Les types de champ standards HTML ne couvriront pas toujours vos besoins. Heureusement, les composants de Vue vous permettent de construire des champs avec un comportement complètement personnalisé. Ces champs fonctionnent même avec `v-model` ! Pour en apprendre plus, lisez [champs personnalisés](components.html#Form-Input-Components-using-Custom-Events) dans le guide des composants.
Les types de champ standards HTML ne couvriront pas toujours vos besoins. Heureusement, les composants de Vue vous permettent de construire des champs avec un comportement complètement personnalisé. Ces champs fonctionnent même avec `v-model` ! Pour en apprendre plus, lisez la section ["champs personnalisés"](components.html#Form-Input-Components-using-Custom-Events) dans le guide des composants.



Expand Down