编写HTML注册表单, 需要字段: 用户名, 密码, 确认密码, 性别(单选), 城市(下拉列表), 兴趣爱好

编写HTML注册表单, 需要字段: 用户名, 密码, 确认密码, 性别(单选), 城市(下拉列表), 兴趣爱好,第1张

源程序如下,二级的编程序啊,我这里都有保存原题答:<html><head><title>HTML注册表单</title></head><body><form action="" method="post" onsubmit="return sub()" name=form>用户名:<input type="text" name="username" value="" /><br>密码 <input type="password" name="password" value="" /><br>确认密码:<input type="password" name="repassword" value="" /><br>性别:<input type="radio" name="sex" value="0" checked=”default” />男<input type="radio" name="sex" value="1" />女<br>城市: <select name="city"><option value="0">郑州</option><option value="1">上海</option><option value="2">天津</option><option value="3">深圳</option></select><br>兴趣爱好:<input type="checkbox" name="read" value="0" />阅读<input type="checkbox" name="travel" value="1" />旅游<input type="checkbox" name="Internet" value="2" />上网个人简介: <textarea rows="5" cols="30" name="readme"></textarea><br><input type="submit" value="提交"/> </form></body></html>

在table外面再套个form

<form name="f1" method="post" action="abc.php">

</form>

这样点击submit会跳转的abc.php页面,再该页面中处理post提交的数据

javascript来验证吧,下面的代码内容比较简单,但是方法基本上相同。具体的还是你自己来写吧

<html>

<head>

<script language="javascript">

function checkpwd()

{

var p0=document.form1.opwd.value

var p1=document.form1.npwd1.value

var p2=document.form1.npwd2.value

if(p1!=p2)

{

alert("新密码两次输入不一致")

return false

}

if(p2==p0)

{

alert("新密码和旧密码不能完全相同")

return false

}

}

</script>

</head>

<body>

<div>

<form name="form1">

<p>旧密码:<input type="text" id="opwd" /></p>

<p>新密码:<input type="text" id="npwd1" /></p>

<p>新密码:<input type="text" id="npwd2" onchange="checkpwd()" /></p>

</form>

</div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7253863.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存