入力ボックスの type 属性を変更する_html/css_WEB-ITnose-htmlチュートリアル-php.cn

<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>

ログイン後にコピー

マウスフォーカスが 2 つの入力ボックスにあるときに入力ボックスを空白にしたいのですが、パスワードをクリアするときに問題が発生します。ユーザーが入力したパスワードは「*****」であるはずです。 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 コード

人気のチュートリアル

詳細>