入力フィールドをクリアする方法

フォーカスを取得したときに入力フィールドをクリアする方法を学びます。

入力フィールドをクリックして内容をクリアします:

フォーカスを取得したときに入力フィールドを空にします

<!-- 当输入字段获得焦点时,将其当前值替换为空字符串 -->
<input type="text" onfocus="this.value=''" value="Blabla">

自分で試してみる

ボタンで入力フィールドをクリアします

<button onclick="document.getElementById('myInput').value = ''">Clear input field</button>
<input type="text" value="Blabla" id="myInput">

自分で試してみる

関連ページ

チュートリアル:HTMLフォーム