如何做⼀个简单的登录注册表格表单?
⼤家好作为⼀个刚⼊门的⼩⽩,这边就和⼤家分享⼀下如何做⼀个简单的登录注册表格。
⼀般来讲相信⼤家都会玩⼀些游戏吧,我们刚接触游戏的时候是不是每个⼈都需要注册⼀个账号啊!有的游戏的注册页⾯⾮常的花⾥胡哨的但是也有的页⾯⾮常的简单明了。好了废话不多说,这边就和⼤家分享⼀下如何制做⼀个简单点的表格表单吧!
1.⾸先我们要做⼀个表格,这⾥我会⽤到⼀个名为<table>的标签当然这个标签是双标签所以我们还有⼀个结束标签</table>所有的内容我们都写在这⾥边。
2.既然是表单那么<form></form>标签也不可少既然讲到了form标签。那么我这边就给⼤家说明⼏个关于form标签的属性吧。
form标签属性:
action属性:表⽰form表单提交的路径,简单来讲就是你想把这个表单提交到哪⾥去。
method属性:就是数据提交的⽅法。分别是get和post⽅法。
name属性:表⽰的是表单的名称。
3.form表单写好后我们接下来就开始插⼊⼀个个表单控件了。
表单控件⼤部分通过input标签来实现
input的属性:
type="" 控制input显⽰类型(输⼊框、按钮、提交按钮、单选按钮)
value="" 根据type类型不同,作⽤也是不⼀样的。
name="" 表单控件的名称
maxlength="" 能输⼊的最⼤长度
size="" 控件的⼤⼩(以字符为单位⼀般不⽤)
⽂本框(输⼊框)
<input type="text">
密码框
<input type="password">
属于input属性 空按钮
<input type="button">
重置按钮
<input type="reset">
提交按钮
<input type="submit">
4.我们把这些控件都按顺序放⼊表单中之后我们的功能就⼤部分能实现了。代码如下:
<table width="600px" border="1px" cellspacing="0">
<tbody>
<form action="www.baidu">
<tr height="40px" align="center">
<td rowspan="4" >总体信息</td>
<td colspan="2">⽤户注册</td>
</tr>
<tr height="40px">
<td align="right">⽤户名:</td>
<td>
<input type="text" name="loginname" value="填写⽤户名">
</td>
</tr>
<tr height="40px">
<td align="right">密 ;码:</td>
<td>
<input type="password" name="pwd">
</td>
</tr>
<tr height="40px">
<td colspan="2" align="center">
<input type="submit" value="提交" >
<input type="reset" value="重置" >
</td>
</tr>
</form>
</tbody>
</table>
5.效果如图:
那么⼀个简单的注册表单就完成了,希望⼤家能喜欢,有问题随时可以和我交流。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论