本篇文章主要的为大家讲述了HTMLinput标签如何制作一个登陆界面的介绍,有文本框、密码框、单选框、多选框、提交和重置按钮的使用说明,完全的解释了HTML表单input标签的使用详情了。现在让我们来看看这篇文章吧
打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固,你值得拥有(持续更新)
一、首先我们来看看如何制作文本框:
<form action="url地址" method=“get/post” name="表单名称">
<p>这是文本框</p>
用户名:<input type="text" name="username">
这样的一个基本的用户名的文本框就出来了,我们来看看效果:
如上图就是一个用户名的输入框,是不是很熟悉,很多网站都有这个的,不过他们添加了很多别的元素让表单变的更漂亮了,这个以后我们会学到的。
二、现在我们再来说说如何制作密码框:
我们知道密码是个人隐私,每个人都不希望自己的密码在自己输入的时候被别人看见,所以基本上所有网站的密码框内输入的密码都是保密的,一输入就是以星号或者以小圆