Quiero ocultar la entrada de contraseña con asterisco (*). Cuando uso el siguiente tipo:
<input type="password"/>Se oculta con '.'(círculo) pero quiero ocultar con '*'. ¿Cómo podría cambiar las marcas ocultas?
No puedes hacer eso.
El elemento se presenta como un control de editor de texto sin formato de una línea en el que el texto se oscurece para que no se pueda leer, generalmente reemplazando cada carácter con un símbolo como el asterisco ("*") o un punto ("•" ). Este carácter variará según el agente de usuario y el sistema operativo.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password
No es posible cambiar el símbolo usando algunos atributos. Depende del agente de usuario y del sistema operativo. Pero aún manipulas con algunos ajustes.
const inputEl = document.querySelector('input'); const dummyEl = document.querySelector('#dummy'); const resultEl = document.querySelector('#result'); inputEl.addEventListener('keyup', () => { const dummyText = Array(inputEl.value.length).fill('*').join(''); dummyEl.innerHTML = dummyText; resultEl.innerHTML = inputEl.value; }) div { position: relative; } input { color: transparent; } span { position: absolute; top: 7px; left: 3px; } <div> <input type="password" /> <span id="dummy"></span> </div> <div id="result"></div>