HTMLの送信ボタンの文言を変更する方法

HTML 送信ボタンの文言を変更する方法: 1. "onclick="getPasswd()" value="display "..."; などのコードを使用して、value 属性を直接変更します。 2.ボタンの innerHTML。「type="button" onclick...」などのコード。

#この記事の動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

htmlのボタンに表示されるテキストを変更します

1. 8e03557d3950bf880a2e4583affa2fab パスワード入力を実装しますボックスの表示と非表示

##値属性を直接変更できます#

<script type="text/javascript">
function getPasswd(){    
var passwd = document.getElementById("pwdID");    
var pwdBtn = document.getElementById("pwdBtnID");    
if(passwd.type=="password")    {
        passwd.type="text";
        pwdBtn.value="隐藏";
    }    else{
        passwd.type="password";
        pwdBtn.value="显示";
    }
}</script>
密码：<input id="pwdID" type="password"><input id="pwdBtnID" type="button" onclick="getPasswd()" value="显示">

2. bb9345e55eb71822850ff156dfde57c8 ビデオの再生と一時停止を実装します

##ボタンの innerHTML

<script type="text/javascript">function playVideo(){    var videop = document.getElementById("videoId");    var videoBtn = document.getElementById("videoBtn");    if(videop.paused){
        videop.play();
        videoBtn.innerHTML = "暂停";        
    }    else{
        videop.pause();
        videoBtn.innerHTML="播放";
    }
}</script><button id="videoBtn" type="button" onclick="playVideo()">播放</button>

を変更します

3. innerHTML、innerText、outerHTML、outerTextinnerHTML は、W3C 標準に準拠する属性です。他の属性の使用は推奨されません

以下は、

id=innerId

[推奨チュートリアル] の p

値の対応する結果です。 : " html ビデオ チュートリアル

》]【推奨チュートリアル:

CSS ビデオ チュートリアル ]

以上がHTMLの送信ボタンの文言を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。