Maison interface Web js tutoriel js修改input的type属性及浏览器兼容问题探讨与解决_javascript技巧

js修改input的type属性及浏览器兼容问题探讨与解决_javascript技巧

May 16, 2016 pm 05:43 PM
input

js修改input的type属性有些限制。当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题。但如果input已经存在于页面,其type属性在ie下就成了只读属性了,不可以修改。在ff下仍是可读写属性。

今天遇到个问题,输入框有默认值“密码”,但获得焦点时,“密码”两字会去掉,输入时直接变成”****“的password类型。很明显,一开始的时候,input的类型是text,后来变成了password类型。直观的思路是用js修改input的type类型。但ie下这么做不可行,所以只能换个思路,写两个input,一个text类型,一个password类型,分得监听onfocus和onblur事件。如下:

复制代码 代码如下:





钱运来|qianyunlai.com制作








Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment encapsuler les composants d'entrée et les données de formulaire unifié dans vue3 Comment encapsuler les composants d'entrée et les données de formulaire unifié dans vue3 May 12, 2023 pm 03:58 PM

Préparation Utilisez vuecreateexample pour créer un projet. Les paramètres sont à peu près les suivants : utiliser l'entrée native est principalement la valeur et le changement. Les données doivent être synchronisées lors du changement. App.tsx est le suivant : import{ref}from'vue';exportdefault{setup(){//username est la donnée constusername=ref('Zhang San');//Lorsque la zone de saisie change, synchronisez les données constonInput =;retour( )=>({

Comment implémenter le champ caché d'entrée Laravel Comment implémenter le champ caché d'entrée Laravel Dec 12, 2022 am 10:07 AM

Comment implémenter le champ caché d'entrée Laravel : 1. Recherchez et ouvrez le fichier de modèle Blade ; 2. Utilisez la méthode method_field dans le modèle Blade pour créer un champ masqué. La syntaxe de création est "{{ method_field('DELETE') }}. ".

Que faire s'il n'y a pas de curseur lorsque vous cliquez sur la zone de saisie Que faire s'il n'y a pas de curseur lorsque vous cliquez sur la zone de saisie Nov 24, 2023 am 09:44 AM

Solutions pour cliquer sur la zone de saisie sans curseur : 1. Confirmez le focus de la zone de saisie ; 2. Effacez le cache du navigateur 3. Mettez à jour le navigateur 4. Utilisez JavaScript 5. Vérifiez le périphérique matériel ; propriétés de la boîte ; 7. Débogage du code JavaScript ; 8. Vérifiez les autres éléments de la page ;

Explication détaillée des événements de liaison de zone de saisie dans les documents Vue Explication détaillée des événements de liaison de zone de saisie dans les documents Vue Jun 21, 2023 am 08:12 AM

Vue.js est un framework JavaScript léger, facile à utiliser, efficace et flexible. Il s'agit actuellement de l'un des frameworks front-end les plus populaires. Dans Vue.js, les événements de liaison de zone de saisie sont une exigence très courante. Cet article présentera en détail les événements de liaison de zone de saisie dans le document Vue. 1. Concepts de base Dans Vue.js, l'événement de liaison de la zone de saisie fait référence à la liaison de la valeur de la zone de saisie à l'objet de données de l'instance Vue, réalisant ainsi une liaison bidirectionnelle de l'entrée et de la réponse. Dans Vue.j

Comment utiliser l'événement de retour chariot de la zone de saisie et la fonction de vérification dans le document Vue Comment utiliser l'événement de retour chariot de la zone de saisie et la fonction de vérification dans le document Vue Jun 20, 2023 am 09:13 AM

Vue est un framework frontal JavaScript populaire avec en son cœur une liaison de données réactive et un système de composants. Dans les applications Vue, la zone de saisie est l'un des éléments d'interface utilisateur les plus couramment utilisés. Lorsque l'utilisateur saisit du texte, nous espérons écouter l'événement de retour chariot et valider la saisie avant de la soumettre. Cet article présentera l'utilisation de la fonction de saisie d'événement et de vérification dans la zone de saisie dans le document Vue. 1. L'événement de retour chariot de la zone de saisie dans Vue La surveillance de l'événement de retour chariot de la zone de saisie dans Vue est très simple.

Quel est l'élément d'entrée dans jquery ? Quel est l'élément d'entrée dans jquery ? Jun 06, 2023 pm 02:18 PM

Dans jquery, l'entrée est un sélecteur qui sélectionne les éléments du formulaire. Ses fonctions sont : 1. L'entrée est utilisée pour collecter des informations utilisateur Selon différentes valeurs d'attribut de type, le champ de saisie a de nombreuses formes. case à cocher ou un masque. Les contrôles de texte, les boutons radio, les boutons, etc. après les images cliquables et les boutons de soumission, etc.

Quelle est la méthode de saisie dans Laravel ? Quelle est la méthode de saisie dans Laravel ? Jul 11, 2023 am 09:43 AM

La méthode de saisie dans Laravel est un outil très pratique qui permet d'obtenir facilement les paramètres de la requête HTTP. Qu'il s'agisse de GET, POST ou d'autres méthodes de requête HTTP, elle peut être facilement traitée. Dans le développement de Laravel, la validation des entrées et le traitement des paramètres sont des tâches très courantes, et la méthode de saisie peut grandement simplifier ces processus et améliorer l'efficacité du développement.

Comment interdire la saisie dans l'entrée HTML5 Comment interdire la saisie dans l'entrée HTML5 Feb 03, 2023 am 10:02 AM

Comment implémenter la désactivation de l'entrée dans l'entrée HTML5 : 1. Spécifiez le champ de saisie en lecture seule et copiable en lecture seule ; 2. Utilisez désactivé pour réaliser que l'élément d'entrée désactivé peut être copié, mais ne peut pas recevoir le focus ; longueur maximale de l'entrée à 0 ;4. Utilisez "οnfοcus="this.blur();"" pour empêcher la saisie de texte.

See all articles