Skip to content

Commit 97708ec

Browse files
committed
fix: Form Input Bindingsページのセミコロンを半角に修正
1 parent 138d5df commit 97708ec

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

src/guide/forms.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ textarea への挿入は機能しません。代わりに`v-model`を用いて
6161

6262
### チェックボックス
6363

64-
単一のチェックボックスと boolean 値
64+
単一のチェックボックスと boolean 値:
6565

6666
```html
6767
<input type="checkbox" id="checkbox" v-model="checked" />
@@ -75,7 +75,7 @@ textarea への挿入は機能しません。代わりに`v-model`を用いて
7575
</p>
7676
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
7777

78-
同じ配列にバインドされた複数のチェックボックス
78+
同じ配列にバインドされた複数のチェックボックス:
7979

8080
```html
8181
<div id="v-model-multiple-checkboxes">
@@ -140,7 +140,7 @@ Vue.createApp({
140140

141141
### セレクト
142142

143-
単一のセレクト
143+
単一のセレクト:
144144

145145
```html
146146
<div id="v-model-select" class="demo">
@@ -175,7 +175,7 @@ Vue.createApp({
175175
`v-model`の式の初期値がいずれのオプションとも一致しない場合、`<select>`要素は *未選択* の状態で描画されます。これにより iOS では最初のアイテムが選択できなくなります。なぜなら iOS はこのような場合に `change` イベントを発火させないためです。したがって、上記の例で示したように、`value`を持たない`disabled` なオプションを追加しておくことをおすすめします。
176176
:::
177177

178-
複数個のセレクト(配列にバインド)
178+
複数個のセレクト(配列にバインド):
179179

180180
```html
181181
<select v-model="selected" multiple>
@@ -194,7 +194,7 @@ Vue.createApp({
194194
</p>
195195
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
196196

197-
動的なオプションを`v-for`により描画
197+
動的なオプションを`v-for`により描画:
198198

199199
```html
200200
<div id="v-model-select-dynamic" class="demo">
@@ -231,7 +231,7 @@ Vue.createApp({
231231

232232
## 値のバインディング
233233

234-
ラジオやチェックボックス、セレクトの option において、`v-model`でバインディングされる値は通常は静的な文字列(チェックボックスの場合はbooleanも)です
234+
ラジオやチェックボックス、セレクトの option において、`v-model`でバインディングされる値は通常は静的な文字列(チェックボックスの場合はbooleanも)です:
235235

236236
```html
237237
<!-- チェックされているとき`picked` は文字列"a"になります -->
@@ -255,14 +255,14 @@ Vue.createApp({
255255
```
256256

257257
```js
258-
// チェックされているとき
258+
// チェックされているとき:
259259
vm.toggle === 'yes'
260-
// チェックされていないとき
260+
// チェックされていないとき:
261261
vm.toggle === 'no'
262262
```
263263

264264
:::tip Tip
265-
`true-value``false-value` 属性は input の `value` 属性には影響を及ぼしません。なぜならブラウザはチェックされていないチェックボックスをフォーム送信内容には含めないためです。二つの値(例"yes" または "no")のうち一つが必ず送信されることを保証するには、代わりにラジオを使用してください。
265+
`true-value``false-value` 属性は input の `value` 属性には影響を及ぼしません。なぜならブラウザはチェックされていないチェックボックスをフォーム送信内容には含めないためです。二つの値(例: "yes" または "no")のうち一つが必ず送信されることを保証するには、代わりにラジオを使用してください。
266266
:::
267267

268268
### ラジオ
@@ -272,7 +272,7 @@ vm.toggle === 'no'
272272
```
273273

274274
```js
275-
// チェックされているとき
275+
// チェックされているとき:
276276
vm.pick === vm.a
277277
```
278278

0 commit comments

Comments
 (0)