input表单怎样制作多行文本输入框？一篇文章教你学会运用input标
一、第一我们来看看怎样制作文本框：
<form action="url地址" method=“get/post” name="表单名称"> <p>这是文本框</p> 会员名：<input type="text" name="username">
这样的一个根本的会员名的文本框就出来了，我们来看看结果：
如上图就是一个会员名的输入框，是不是很熟知，许多网站都有这个的，不外他们增加了许多别的元素让表单变的更美丽了，这个今后我们会学到的。(想看更多就去百分百源码网html在线视频课程)
二、此刻我们再来说说怎样制作密码框：
我们知道密码是个人隐私，每个人都不但愿本人的密码在本人输入的时候被别人看见，所以根本上所有网站的密码框内输入的密码都是保密的，一输入就是以星号或者以小圆点的方式显示。
此刻让我们来看看这种input标签的密码框是怎样制作的吧。
<form action="url地址" method=“get/post” name="表单名称"> <p>这是文本框</p> 会员名：<input type="text" name="username"></br> 密 码：<input type="password" name="password">
如上面代码，我们应当能猜到这是干什么的吧，先看看结果图再说：
你看，假如没有那三个空格符，密码和会员名就会不合错误齐，一样都是用层叠样式表来对齐的，但是此刻我们只讲HTML，此刻还不说css,所以此刻我用了三个空格符来把密码和会员名对齐，这也是最简便的方法。
大概是由于小编有强迫症吧，不管如何说，这样的结果才是任何人都能看的，假如没有对齐，就难看了许多。
三、密码框看完了，此刻我们来看看单选框怎样的制作吧：
我们这里就以单选男女为例（当然第三类的就不说了）
<form action="url地址" method=“get/post” name="表单名称">
<p>这是文本框</p>
会员名：<input type="text" name="username"></br>
密 码：<input type="password" name="password">
<p>单选框</p>
单选：<input type="radio" name="sex" value="nan">男
<input type="radio" name="sex" value="nv">女这个来看看结果吧
这就是单选框，也是常用的框架吧，男和女只能选一个，不克不及两个都选的。
四、有了单选框，那接下来就说说多选框吧：
<form action="url地址" method=“get/post” name="表单名称">
<p>这是文本框</p>
会员名：<input type="text" name="username"></br>
密 码：<input type="password" name="password">
<p>单选框</p>
单选：<input type="radio" name="sex" value="nan">男
<input type="radio" name="sex" value="nv">女
<p>多选框</p>
多选：<input type="checkbox" name="n">吃饭
<input type="checkbox" name="n">睡觉
<input type="checkbox" name="n">打豆豆
<input type="checkbox" name="n">喝水结果如图
这图把上面的东西都选上了，多选框是都能选上，当然还可以设定默许选中一个的，只需要加checked=“checked”这个属性，在哪个多选框内增加都能在网页中一刷新就能显示出来，这就是默许选中的结果。
五、说了这么多，接下来就说说最后的提交按钮和重置按钮吧：
这两个都是非常重要的按钮，重置按钮能把你网页上选中或者填写的东西一键复原原样。提交是把你所有填写和选中的都提交给后台。下面来看代码：
<form action="url地址" method=“get/post” name="表单名称">
<p>这是文本框</p>
会员名：<input type="text" name="username"></br>
密 码：<input type="password" name="password">
<p>单选框</p>
单选：<input type="radio" name="sex" value="nan">男
<input type="radio" name="sex" value="nv">女
<p>多选框</p>
多选：<input type="checkbox" name="n">吃饭
<input type="checkbox" name="n">睡觉
<input type="checkbox" name="n">打豆豆
<input type="checkbox" name="n">喝水
<p>重置按钮</p>
重置：<input type="reset" name="">
<p>提交按钮</p>
提交：<input type="submit" name="">由于没有后台，所以就没填写后台地址了。不外不影响结果
这就是一个页面的填写注册的大部分窗口了吧，都很简便，上面的好多都是以牢固的情势显现的，还有一般的属性在今后也会渐渐理解到。（想看更多，欢迎来到www.php.cnPHP中文网）
这篇文章到这就完毕了，上述代码只要多练习才能生巧，有问题的可以鄙人方发问
【小编引荐】
HTML中插入文本ins标签和删除文本del标签怎样一起使用？（附实例）
HTML中的form标签有什么作用？HTML form标签的用途说明
以上就是input表单怎样制作多行文本输入框？一篇文章教你学会使用input标签的具体内容，更多请关注百分百源码网其它相关文章！
