首页 / HTML / html 前台通用表单
html 前台通用表单
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了html 前台通用表单，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2018字，纯文字阅读大概需要3分钟。
内容图文
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
function validate() {
if(loginform.username.value == ""){
alert("账号不能为空！");
return;
}
if(loginform.password.value == ""){
alert("密码不能为空！");
return;
}
loginform.submit();
}
</script>
</head>
<body>
<form action="test" method="post" name="loginform">
用户名：<input type="text" name="username"><br>
密码： <input type="password" name="password"><br>
性别：<input type="radio" name="sex" value="boy" checked="true">男
<input type="radio" name="sex" value="girl">女<br>
家乡：<select name="home">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangdong">广东</option>
</select><br>
隐藏域：<input type="hidden" name="page"><br>
个人信息：<textarea name="info" cols="30" rows="10"></textarea><br>
爱好：<input type="checkbox" name="fav" value="sing">唱歌
<input type="checkbox" name="fav" value="dance">跳舞
<input type="checkbox" name="fav" value="ball">打球
<input type="checkbox" name="fav" value="game">打游戏<br>
<select name="hobby" multiple="true">
<option value="sing">唱歌</option>
<option value="dance">跳舞</option>
<option value="ball">打球</option>
<option value="game">打游戏</option>
</select><br>
号码1：<input type="text" name="phone"><br>
号码2：<input type="text" name="phone"><br>
号码3：<input type="text" name="phone"><br>
号码4：<input type="text" name="phone"><br>
号码5：<input type="text" name="phone"><br>
<input type="submit" value="查询">
<input type="button" value="验证查询" onclick="validate()">
</form>
</body>
</html>
效果图例如以下：
原文：http://www.cnblogs.com/mengfanrong/p/3768525.html
内容总结
以上是互联网集市为您收集整理的html 前台通用表单全部内容，希望文章能够帮你解决html 前台通用表单所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】