html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录页面</title>
</head>
<body>
<script type="text/javascript">
function myalert(){
alert("这是警示窗口!")
}
function myconfirm(){
confirm("确认提交?")
}
function myprompt(){
prompt("请输入您的信息:")
}
// function myprompt(){
// var name = prompt("请输入您的邀请码:");
// document.write(name)
}
</script>
登录名:<input type="text" name="usrname" class="usname" id="usrname" /><br>
密码:<input type="text" name="password" class="password" id="password" /><br>
性别: <input type="radio" name="sex" id="male" value="male" checked="checked">男
<input type="radio" name="sex" id="female" value="female">女<br>
出生城市:<select id="city">
<option value="hunan" name="city1">深圳</option>
<option value="shanghai" name="city1">上海</option>
<option value="beijing" name="city1">北京</option>
<option value="changsha" name="city1">长沙</option>
</select><br>
<input type="submit" name="regist" id="submit" value="注册">
<input type="button" name="quit" id="qiuit" onclick="myalert()" value="警示弹框">
<input type="button" name="quit" id="qiuit" onclick="alert('确认提交?')" value="确认弹框">
<input type="button" name="quit" id="qiuit" onclick="myprompt()" value="交互弹窗">


</body>
</html>

<!--
2、自行编写一个注册页面,要求有文本框、密码框、单选按钮、下拉列表、提交按钮、普通按钮(3个)
要求,普通按钮点击以后触发 alert、confirm、prompt弹窗 -->

posted @ 2020-05-12 16:45  joy小羲  阅读(100)  评论(0编辑  收藏  举报