> 웹 프론트엔드 > HTML 튜토리얼 > 修改input输入框的type属性_html/css_WEB-ITnose

修改input输入框的type属性_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:12:05
원래의
991명이 탐색했습니다.

<ul class="login_list"  id="web_login">                <li class="login_input">                    <input id="u" name="u"  tabindex="2" class="input_txt" type="text" value="User name" onFocus="this.value=''" onBlur="if(!value){value=defaultValue;}" />                </li>                <li class="login_input">                    <input type="text" class="input_txt2" value="Password" onfocus="if(this.value==defaultValue) {this.value='';this.type='password'}" onblur="if(!value) {value=defaultValue; this.type='text';}" />                </li></ul>
로그인 후 복사


想要实现当鼠标焦点放在两个输入框上面的时候将输入框置空,但是清除密码的时候出了一个问题,用户输入的密码应该是 ”*****”,在IE8下确没有效果,请大侠来帮我解决一下吧,谢谢了


回复讨论(解决方案)

type是只读属性,不可以修改的。
只能这样了

<script type="text/javascript"> function changeType(obj) {     obj.style.display = "none";     document.getElementById("d2").style.display = "";     document.getElementById("d2").focus(); } </script>
로그인 후 복사

<ul class="login_list"  id="web_login">    <li class="login_input">        <input id="u" name="u"  tabindex="2" class="input_txt" type="text" value="User name" onFocus="this.value=''" onBlur="if(!value){value=defaultValue;}" />    </li>    <li class="login_input">        <input type="text" class="input_txt2" value="Password" onfocus="changeType(this)" onblur="if(!value) {value=defaultValue; this.type='text';}" />	<input type="password" class="input_txt2" id="d2" value="" style="display:none" />     </li></ul>
로그인 후 복사

只读属性,怎能修改呢?

密码框框肯定是用type=“password”

刷新·············································

type是只读属性,不可以修改的。
只能这样了
JScript code

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿