Inputボックスについて、いくつかの問題と解決方法に遭遇しました.
578 ワード
1、CSSはGoogleブラウザの黄色い背景を取り除く
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;
}
2、inputボックス入力の文字長maxlength属性を制限する
例:;(inputボックスには10文字しか入力できません).
3、inputはreadonly属性の読み取り専用入力を禁止する:
例:
4、inputブラウザが入力した値を自動的に記録することを禁止するautocomplete属性
例:
5、inputスペース入力禁止(スペースキー使用禁止)
6、input貼り付け禁止οnpaste="return false;"
例:
7、3文字のみのテキストフィールド(数字または特殊文字)pattern属性:
例:
8、Googleブラウザでパスワードを覚えることを禁止する
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;
}
2、inputボックス入力の文字長maxlength属性を制限する
例:;(inputボックスには10文字しか入力できません).
3、inputはreadonly属性の読み取り専用入力を禁止する:
例:
4、inputブラウザが入力した値を自動的に記録することを禁止するautocomplete属性
例:
5、inputスペース入力禁止(スペースキー使用禁止)
6、input貼り付け禁止οnpaste="return false;"
例:
7、3文字のみのテキストフィールド(数字または特殊文字)pattern属性:
例:
8、Googleブラウザでパスワードを覚えることを禁止する