栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

前端:完整简单详细的注册页面讲解

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

前端:完整简单详细的注册页面讲解

成品总效果如下:


需要其他修饰网页可以加入自己的创意

讲解:

不知道基础语法的宝可以看看我先前发的一些内容
注意点:
1,密码需要用type="password"属性,使密码不会被显示。如下:

密  码

2,光标最开始默认定位在用户名框(autofocus定位)。如下:

用户名

3,性别选择是单选,type="radio"属性用于单选,name="gender"属性用于区分同一个类别,value可以不要。如下:

请选择你的性别:男
女

4,爱好设置属于多选,type="checkbox"属性用于多选,name="hobby"属性用于区分同一个类别,可以和上面的name="gender"属性区别开来如下:

请选择你的爱好:足球
			篮球
			LOL
			韩剧
			王者荣耀

5,邮箱设置,type="email"属性专门用于设置邮箱类型,placeholder="请输入你的邮箱"属性用于文本框里的提示,required属性是设置不能为空,当邮箱这一项不填时不能提交,如下:

邮箱:

6,用户头像,type="file"属性就可以了,如下:

用户头像:

7,家庭住址栏选项,需要在select标签里面嵌套一个option标签,option标签里面写需要填的地址选项,如下:

家庭住址:
		

8,收获地址栏选项,同样的需要在select标签里面嵌套一个option标签,option标签里面写需要填的地址选项。multiple="multiple"属性是不将选项折叠起来,上一个没有写这个属性就折叠了。selected="selected"属性是默认选择属性,disabled属性是不能更改的选项,可以用于在这里作为提示。

你的收获地址是:
		

9,大文本框,textarea标签用于写大文本的标签,如建议反馈等。如下:


10,颜色选择项,type="color"属性就可以了,专门可以选择颜色。

你喜欢的颜色:

11,注册时间,type="datetime-local"属性用于选择日期的属性

注册时间:

12,重置和注册按钮,type="submit"属性专门用于提交,type=“reset"属性专门用于重置的按钮。value=”"属性用于提示。



然后就OK了,个别属性没有介绍到可以看看以前发的内容。

源代码:

喜欢点一个赞吧,3Q~




	


	
用户名

密 码

请选择你的性别:男 女

请选择你的爱好:足球 篮球 LOL 韩剧 王者荣耀 邮箱:

用户头像:

家庭住址:

你的收获地址是:


你喜欢的颜色: 注册时间:
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/998606.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号