CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSでフォーカスの入力フィールドをクリアするにはどうすればよいですか？

以下は、フォーカスのある入力フィールドをクリアするためのコードです-

例

<!DOCTYPE html>
<html>
<head>
<h1>Clearing an input field on focus example</h1>
<input type="text" onfocus="this.value=''" value="Some random text...">
<h2>Click on the above field to clear its value</h2>
</body>
</html>

出力

上記のコードは次の出力を生成します-

CSSでフォーカスの入力フィールドをクリアするにはどうすればよいですか？

フィールドをクリックすると、内部の値がクリアされます-

CSSでフォーカスの入力フィールドをクリアするにはどうすればよいですか？


  1. HTMLの日付フィールドで入力タイプフィールドを使用するにはどうすればよいですか？

    は、日付を含む入力フィールド用です。日、月、年で簡単に日付を入力できます。誕生日、登録日などのユーザー入力を取得できます。 入力タイプに日付を追加しようとすると、日付ピッカーが表示されます。 注 −入力タイプの日付はFirefoxおよびInternetExplorerではサポートされていません。 GoogleChromeで動作します。 例 次のコードを実行して、HTMLの日付フィールドで入力タイプフィールドを使用することができます。ここでは、生年月日を入力しています。 <!DOCTYPE html> <html>    <head&g

  2. HTMLのステップで入力タイプフィールドを使用するにはどうすればよいですか？

    HTML入力タイプのstep属性は、有効な数値間隔を設定します。ステップは、0、5、10、15、20などの数値ステップです。step属性をmax属性およびmin属性と一緒に使用して、有効な値の範囲を作成できます。 例 次のコードを実行して、inputstep属性を持つ数値のステップを作成してみてください。ここでは、ステップ5を作成しているため、有効な入力は5、10、15、20などになります。 それ以外の番号を入力して送信ボタンを押すと、「有効な値を入力してください」というメッセージが表示されます。また、最も近い2つの値も通知されます。 <!DOCTYPE html> &l