How to change the wording of the html submit button: 1. Directly modify the value attribute, with code such as "onclick="getPasswd()" value="display "..."; 2. Modify the innerHTML of the button, with code such as "type="button" onclick...".
The operating environment of this article: Windows 7 system, HTML5 version, Dell G3 computer.
Modify the text displayed by button in html
1. Implement password input box Visible and hidden
##You can directly modify the value attribute
<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.
##Modify button’s 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 is an attribute that complies with W3C standards. The use of other attributes is not recommended
The following are the corresponding results of the p
values of id=innerId
[Recommended tutorial: "
html video tutorial》】【Recommended tutorial: CSS video tutorial】
The above is the detailed content of How to change the wording of html submit button. For more information, please follow other related articles on the PHP Chinese website!