html的练习之用户注册表单

这是最终效果图，具体实现代码在下面，一些注意点在代码里有注释，对是新手学习html基础比较友好。本人刚接触前端学习，这里当作作业的练习，不足之处，欢迎交流，共同进步！

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>用户注册表单</title>
</head>
<body><!--用户注册：用户名密码确认密码性别兴趣爱好学历简介--><!--form表单method属性：get：采用get方式提交的时候，用户提交的信息会显示在浏览器的地址栏上post：采用post方式提交的时候，用户信息不会显示在浏览器地址栏上当用户提交的信息中含有敏感信息，例如：密码，建议采用post方式提交method属性不指定时，默认的是get请求--><!--这里的http://192.168.111.3:8080/jd/register没有实际意义，仅当作练习使用--><form action="http://192.168.111.3:8080/jd/register" method="post">用户名<input type="text" name="username"><br>密码<input type="password" name="userpwd"><br>确认密码<input type="password">性别<input type="radio" name="gender" value="1" checked>男<!--单选按钮的value必须手动指定，这里name后面的值必须相同，否则性别选项不是单选，value值不能相同，数字或者字母没有实际意义哦，可根据自己喜欢设置--><input type="radio" name="gender" value="0">女<br>兴趣爱好<input type="checkbox" name="interest" value="smoking" checked>抽烟<input type="checkbox" name="interest" value="driking">喝酒<input type="checkbox" name="interest" value="hotHead">烫头<br>学历<select name="grade" ><option value="gz" selected>高中</option>  <!--默认选中--><option value="dz">大专</option><option value="bk">本科</option><option value="yjs">研究生</option></select><br>简介<br> <!--文本域：文本域没有value属性，用户填写的内容就是value--><textarea  cols="30" rows="10" name="introduce"></textarea><br><input type="submit" value="注册"><input type="reset" value="清空"></form>
</body>
</html>

html的练习之用户注册表单相关推荐

Jquery之AJAX用户注册表单验证(Vancl版)
Jquery用户注册表单验证(Vancl版),效果图实例下载:DEMO 转载于:https://www.cnblogs.com/xiaobaigang/archive/2009/12/30/1636 ...
（30）-- 用户注册表单验证
# 用户注册表单验证 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// ...
JQuery用户注册表单验证
使用jquery编写代码实现用户注册表单的验证功能: 用户名.密码.确认密码和手机号不能为空密码长度在8~20位之间,密码至少由数字.字母或下划线其中两种组成确认密码必须和密码一致手机号应该是1 ...
Web:学生课程表表格/用户注册表单
一.学生课程表 1.课程表模样 2.课程表html代码块 <!DOCTYPE html> <html lang="en"><head><m ...
用户注册表单的设计及验证
JSP程序设计程第二版用户注册表单的设计及验证报告用户注册表单的设计及验证设备仪器/软件环境 1.Windows 10系统 2.JDK.eclipse.Tomcat 实验(实训)/目标 1.掌握 ...
php提交注册表单,php用户注册表单验证
表单的验证 js 以及事件的注册初始化 openldap 的初始化状态 ,处理 Oracle SQL in 超过 1000 的解决方案从...= null) rsp.Close(); } } } ...
手机wap端用户注册表单（html+css）
实现效果: html代码: <div class="login"><form action="*跳转接口*" method="pos ...
Java+MyEclipse+Tomcat (二)配置Servlet及简单实现表单提交
在Java EE应用编程中Servlet是基础,JSP是建立在Servlet基础之上的,其他Web框架如Struts.WebWork和Spring MVC都是基于Servlet的.本文主要讲述MyEc ...
Spring MVC的表单控制器——SimpleFormController .
http://blog.csdn.net/rj042/article/details/6907274 年7月微软MVP申请开始啦! CSDN十大风云博客专栏评选结果公布! Spri ...

html的练习之用户注册表单

html的练习之用户注册表单相关推荐

最新文章

热门文章