章节
问答
课签
笔记
评论
占位
占位

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

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

语法

<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、属性之间至少有一空格

 

||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

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

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

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

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

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / weixin_慕数据2104329
换行的原因,我记得时因为换行导致的,在编译运行渲染到页面上这个过程中,会将换行的之间的距离视为空格,然后将这些空格再合并为一个空格(好像是一个空格),所以用户:和后面的输入框之间会有一个空格的距离。大概是这么个里,产生的原因我可能描述有点问题,但确实是因为换行导致的,会将换行的之间的距离视为若干的空格,然后将这些空格再合并为一个空格

最新回答 / 你最重要79
你右边不都显示出来输入框了吗

最新回答 / weixin_慕慕8103907
文本的显示

最新回答 / 伸出圆手
单标签 一般自闭合要加/ 比如<br />

最赞回答 / C9_killer
value 是文本框的默认内容,是真正存在的占用文本框位置的。placeholder是在文本框中显示的,但不占用文本框的位置,不是真正存在,一般用来提示用户的。 两者功能不同。

已采纳回答 / weixin_慕婉清3007979
因为你输入了账号和密码,后台会将你输入的值发送到远端服务器进行储存。

最赞回答 / 延期开学的猫脚
课程里面写了 :“name:为文本框命名,以备后台程序ASP 、PHP使用。”你给它起什么名字都可以,你自己看得懂就行

已采纳回答 / qq_心如止水_18
应该是区别在于有无<label>标签,有<label>标签设置可以在鼠标点击文字选中该选项,没有这个标签,则需要鼠标点到选项上才能选择。

最赞回答 / 3117001515_罗海成
"type"和"="之间别加空格

最新回答 / BBQ7
这是后端根据数据库存储的用户姓名和密码的表来进行校验

已采纳回答 / qq_微笑流年逝水_bcxP16
没有多大影响,只是最好输入/,这样子符合html的规范

最新回答 / 小小苏苏
服务器端代码,用户在页面输入的内容,在后台去做处理,ASP和PHP就是处理问题的后台代码。
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言