HTML制作简单的静态网页二

看白癜风哪个医院看的好 https://yyk.39.net/hospital/89ac7_labs.html

今天程序猿同学-死神又来投稿了,谢谢这位同学的热血支持。棒棒的。

在上一期,我们谈到了,HTML里面的框架标签,用来规划你的页面,这期,我来教大家使用表单标签,这个是一个很常见的标签,常用于客户信息系统,换而言之,就是,学会了表单标签,你可以做出一个简单的用户注册页面。

以上,是一个很简单,但相信大家并不陌生的界面,利用表单标签,你也可以做到。

上面这些代码其实不过60行,但是效果大家可以看到,好了,废话不多说,下面介绍这上面用到的表单标签form/form这个,就是表单标签,上一期我们说到,HTML语言中大多数标签都是成对出现的,表单标签也是不例外,form/form中间部分,才是我们要进行详细填写的。

里面可以填写什么呢?

首先,我们中间可以填inputtype=”XXX”/这样的标签,其实嘛,有点英语功底的童鞋们可以看到,这标签无非就是要记录你输入了什么鬼,你输入的类型是什么?如果你写了inputtype=”text”/,那么顾名思义,你页面显示的就是文本框,给你写入你想写的文本,我们可以拿它来给人输入用户名信息。

同样的,如果你写了inputtype=”password”/也是顾名思义,你要用户输入密码,用户输入的内容会变成*号不显示出来,常用于拿来让你输入密码信息

下面给你们效果图:

上图为用户名密码这部分,其实无非都是这么简单的写出来,下面,就是差了一个提交的按钮,用inputtype=”submit”/就可以实现:

掌握了form标签,用上刚才说的这三个input小标签,你就能很愉快很简单的制作出这种简单的注册页面,是不是很容易呢O(∩_∩)O~

(PS:如果写不出以上效果,或者需要源代码,可以在欣怡科技之家输入HTML,我们会自动回复代码,感谢你的支持哦,亲O(∩_∩)O~)

预览时标签不可点收录于合集#个上一篇下一篇

转载请注明:http://www.aierlanlan.com/cyrz/919.html