HTML中的表单创建一个注册

利用表单创建一个注册

HTML前情提要

HTML所有的标签都是xml格式进行修改的,具体标签如下:
在这里插入图片描述在这里插入图片描述

注册表单

表单标记使用 form标记的格式,其中数据传输的方式(method)一般选择post类型,由于get类型传输安全性不高容易造成隐私泄露
在这里插入图片描述测试的ur地址如下:
在这里插入图片描述
get方式会将value的值或者输入的值暴露在ur地址中
接下来介绍注册环节,代码如下:
在这里插入图片描述
input用于功能的创建和文本的输入,value的值可以用指定按钮的名称
1.action用于提交按钮的交互动作,换句话来说就是按下这里的登录按钮后你希望它做什么,这边我设置的是按下登录按钮(类型设置为submit)弹出登录成功界面,可以利用target来设置新开一个页面代表弹出界面或者以当前界面作为弹出界面
2.爱好栏的CheckBox类型用于多选,如果学过java的同学应该知道键和值,这边的多选可以理解为一个键(name)对应多个值
3.政治面貌栏采用radio类型用于单选,这时就介绍了value的第二个功能,作为单选的唯一标识
4.性别栏,采用select设置一个下拉框,选择性别,一个option代表一个栏位,当然女性栏可以发现有点不一样,出现了selected="true",这个意思是设置初始的默认值为女性,selected为true的一栏即为默认栏
5.备注栏采用textarea的方式设置一块文本区域,填写多行文本
6.最后可以再设置一个rest类型的按钮用来初始化账号

运行结果如下:
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值