【前端寻宝之路】学习和使用表单标签和表单控件

04-23 7511阅读 0评论

🌈个人主页: Aileen_0v0

🔥热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法|MySQL|

💫个人格言:“没有罗马,那就自己创造罗马~”

文章目录

`表单标签`
- `表单域-form标签`
- `表单控件-input标签`
- - (1)文本框
  - (2)密码框
  - (3)单选框
  - (4)复选框
  - (5)普通按钮
  - (5)提交按钮
  - (5)清空按钮
  - (5)提交文件
    表单标签
    
    用表单标签来完成服务器的一次交互
    - 分成两个部分:
      - 表单域:包含表单元素的区域,重点是form标签.
      - 表单控件:输入框,提交按钮等,重点是input标签.
        表单域-form标签
        
        注:以后学完CSS我们可以给他加东西.
        
        表单控件-input标签
        
        type属性
        可以通过对type进行对应的取值来控制input的类型.
        注意:表单控件要搭配表单域进行编写
        
        (1)文本框
        
        姓名
        
        
        
        (2)密码框
        
        Document 姓名
        密码
        
        
        
        我们把text改成password就可以看到密码了.
        
        (3)单选框
        
        radio是一种输入类型，用于创建单选按钮。
        单选按钮允许用户从一组选项中选择一个选项。当用户选择其中一个选项时，其他选项将自动取消选择。
        单选框之间必须具备相同的name属性,才能实现多选一的效果.
        如果想默认选择某一个值可以利用checked属性值等于checked进行默认选择的设置.
        
        Document 姓名
        密码
        性别男女
        
        
        
        (4)复选框
        
        当type取值为checkbox时表示的是复选框,可以只选一个或多个.
        
        爱好: 吃饭睡觉打豆豆
        
        
        
        (5)普通按钮
        
        当前按钮点击以后无反应,需要搭配JS使用
        
        
        
        (5)提交按钮
        
        
        
        (5)清空按钮
        
        
        
        (5)提交文件

相关阅读：

1、启动MySQL服务

2、Axios使用

3、【NodeMcu-ESP8266】引脚使用参考指南——推荐收藏

4、【JavaEE多线程】Java 文件操作

5、Webrtc 信令服务器实现

免责声明

1、本网站属于个人的非赢利性网站，转载的文章遵循原作者的版权声明。
2、本网站转载文章仅为传播更多信息之目的，凡在本网站出现的信息，均仅供参考。本网站将尽力确保所
提供信息的准确性及可靠性，但不保证信息的正确性和完整性，且不对因信息的不正确或遗漏导致的任何
损失或损害承担责任。
3、任何透过本网站网页而链接及得到的资讯、产品及服务，本网站概不负责，亦不负任何法律责任。
4、本网站所刊发、转载的文章，其版权均归原作者所有，如其他媒体、网站或个人从本网下载使用，请在
转载有关文章时务必尊重该文章的著作权，保留本网注明的“稿件来源”，并白负版权等法律责任。

手机扫描二维码访问