继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【九月打卡】第1天 文本密码输入框

kk吖
关注TA
已关注
手记 28
粉丝 0
获赞 1

课程名称:初识HTML(5)+CSS(3)-升级版课程

课程章节:6-2先来填用户名和密码 - 文本输入框、密码输入框

主讲老师:五月的夏天

课程内容:

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

语法:

<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>

在浏览器中显示的结果:

http://img4.mukewang.com/6315dd700001f05d08210429.jpg

代码例子:

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>文本输入框、密码输入框</title>

</head>

<body>

    <form method="post" action="save.php">

        账户:<input  type="text"  name="myName" />

        <br>

        密码:<input  type="password"  name="pass" />

    </form>

</body>

</html>

运行如下:

http://img2.mukewang.com/6315dd7b0001ca8e03860114.jpg

课程收获:

本次课程掌握了文本与密码输入框的区别,更加深入了解了两种文本框的区别。

http://img1.mukewang.com/6315ddb400016f6305150392.jpg


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP