求个程序要求如下获取文本框中的文本。(10分)
1、窗口中有两个文本框“用户名”
和“密码”,以及三个按钮“登录”、“其
他用户登录”和“关闭”;
2、初始状态“用户名”文本框是只
读的,单击“其他用户登录”按钮后变成
可写的;
3、“密码”文本框使用的不是密码文本框,在用户键入时显示*。
4、输入用户名和密码后,单击“登
录”按钮,如果密码为空,则提示密码为
空,否则显示用户名和密码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
用户名:<input id="name" type="text" readOnly><br>
密码:<input id="password" type="password" ><br>
<button onclick="login()">登录</button>
<button onclick="otherFun()">其他用户登录</button>
<button>关闭</button>
</body>
<script>
function otherFun(){
document.getElementById("name").readOnly=false;
}
function login() {
var password = document.getElementById("password").value;
var name = document.getElementById("name").value;
if (!password){
alert("密码为空!")
} else {
alert("用户名:"+name+" "+"密码"+password)
}
}
</script>
</html>