本课我们学习窗体的单行文本框控件：文本框和密码框。文本框和密码框在互联网世界随处可见。比如QQ登录页面、微信小程序的访客预约界面、12306票务系统的注册页面、流量信息填写页面等都使用了文本框或者密码框。文本框是允许用户输入文本的控制区域。在该区域输入内容时，文字不会折行显示，只会水平排列。如果输入的文字超出了输入框的默认宽度，可以用鼠标拖放或按键盘右箭头键查看所有输入的信息。如何使用HTML实现这个单行文本框？我们可以通过在表单标签中嵌入输入标签来做到这一点。输入意味着输入。它是一个单一的标签：语法是：插入符输入。光有这个标签是不够的，我们需要为它定义一个重要的属性类型，就是输入控件的类型。单行文本框的type值为text，即text，其实就是type属性的默认值。密码框的类型值为password，即密码。密码输入框也是单行文本输入框，但是当用户输入时，内容被屏蔽，只显示小黑点或星号，可以防止别人窥探你的密码。通过文本框和密码框这两个控件的定义，我们可以得出一个小结论：表单中的input输入控件，数据采集的方式是由type属性的值决定的。让我们模拟一个简单的登录框。Username是一个普通的文本输入框，password是一个密码输入框。打开编辑器，新建一个input_text_password.html文件，自动补全基本代码，在body标签里面写一个form表单标签，在form标签中添加文本，请输入用户名：（冒号读出来），然后添加一个输入标签。节省。用浏览器打开页面，一个单行文本输入框就做好了，你可以输入一些内容来测试一下。你可能会问，没有定义type属性怎么会有输入框呢？刚才我们说了：输入控件的type属性默认值为单行普通文本框。返回编辑器，为输入标签定义类型属性，并将值设置为文本。节省。回到浏览器，刷新，效果和之前一样。返回编辑器，在输入框末尾添加一个br标签。回车和换行。然后输入文本，请输入密码：，然后添加一个input标签，type属性的值为password。节省。回到浏览器，刷新，输入一些内容，效果就实现了。窗体中最常用的两个控件，输入框和密码框都有讲解，一起来试试吧！文章配套视频链接
