No.10 HTML5--Form表单

一、表单

  • 表单在 Web 网页中用来给用户填写信息，从而能采用户信息，使网页具有交互的功能。
  • 所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。
  • 表单是由容器和控件组成的,一个表单一般应该包含用户填写信息的输入框,提交按钮等，这些输入框,按钮叫做控件,表单就是容器,它能够容纳各种各样的控件。
    <form action=""></form>

 1.1 属性

 

1.2 表单元素

一个完整的表单包含三个基本组成部分:

  • 表单容器 （form）
  • 表单域（也就是输入框,text）
  • 表单按钮(submit)
?
1
2
3
4
5
6
<body>
    <form>
        <input type="text">
        <input type="submit">
    </form>
</body>

　　

 1.3 表单元素详细内容

1.文本框

  • 文本域通过<input type="text">标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。
<body>
    <form>
        用户名：<input type="text"><br>
    </form>
</body>

2.密码框

  • 密码字段通过标签<input type="password">定义
  • 密码字段字符不会明文显示，而是以星号或圆点替代
<body>
    <form>
        用户名：<input type="text"><br>
        密码：<input type="password" name="pwd">
    </form>
</body>

3.提交按钮

  • 当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
?
1
2
3
4
5
6
7
<body>
    <form>
        用户名：<input type="text"><br>
        密码：<input type="password">
       <strong> <input type="submit" value="登录"></strong>
    </form>
</body>

　　

 

posted @   百里屠苏top  阅读(1)  评论(0)  编辑  收藏  举报
相关博文：
· No.9 HTML5--表格标签
· No.12 HTML5--新增标签
· HTML5 Form表单
· H5-11 Form表单
· H5-12 表单元素
阅读排行：
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
点击右上角即可分享
微信分享提示