为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
先来填用户名和密码 - 文本输入框、密码输入框,初识HTML(5)+CSS(3)-升级版教程-慕课网
章节
课签
笔记
占位
占位

先来填用户名和密码 - 文本输入框、密码输入框

当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框

语法

<form>
   <input type="text/password" name="名称" value="文本" />
</form>

1、type:

   当type="text"时,输入框为文本输入框;

   当type="password"时, 输入框为密码输入框。

2、name:为文本框命名,以备后台程序ASP 、PHP使用。

3、value:为文本输入框设置默认值。(一般起到提示作用)

举例

<form>
  姓名:
  <input type="text" name="myName">
  <br/>
  密码:
  <input type="password" name="pass">
</form>

在浏览器中显示的结果:

任务

我来试试:为表单插入姓名、密码输入框

1.在右部编辑器中第11行输入代码:

<input  type="text"  name="myName" />

2.在右部编辑器中第13行输入代码:

<input  type="password"  name="pass" />

?不会了怎么办

1、属性之间至少有一空格

 

||

写笔记

公开笔记
提交
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

举报

0/150
提交
取消