今天程序猿同学-死神又来投稿了,谢谢这位同学的热血支持。棒棒的。
在上一期,我们谈到了,HTML里面的框架标签,用来规划你的页面,这期,我来教大家使用表单标签,这个是一个很常见的标签,常用于客户信息系统,换而言之,就是,学会了表单标签,你可以做出一个简单的用户注册页面。
以上,是一个很简单,但相信大家并不陌生的界面,利用表单标签,你也可以做到。
上面这些代码其实不过60行,但是效果大家可以看到,好了,废话不多说,下面介绍这上面用到的表单标签form/form这个,就是表单标签,上一期我们说到,HTML语言中大多数标签都是成对出现的,表单标签也是不例外,form/form中间部分,才是我们要进行详细填写的。
里面可以填写什么呢?
首先,我们中间可以填inputtype=”XXX”/这样的标签,其实嘛,有点英语功底的童鞋们可以看到,这标签无非就是要记录你输入了什么鬼,你输入的类型是什么?如果你写了inputtype=”text”/,那么顾名思义,你页面显示的就是文本框,给你写入你想写的文本,我们可以拿它来给人输入用户名信息。
同样的,如果你写了inputtype=”password”/也是顾名思义,你要用户输入密码,用户输入的内容会变成*号不显示出来,常用于拿来让你输入密码信息
下面给你们效果图:
上图为用户名密码这部分,其实无非都是这么简单的写出来,下面,就是差了一个提交的按钮,用inputtype=”submit”/就可以实现:
掌握了form标签,用上刚才说的这三个input小标签,你就能很愉快很简单的制作出这种简单的注册页面,是不是很容易呢O(∩_∩)O~
(PS:如果写不出以上效果,或者需要源代码,可以在欣怡科技之家输入HTML,我们会自动回复代码,感谢你的支持哦,亲O(∩_∩)O~)
预览时标签不可点收录于合集#个上一篇下一篇