HTML 表单标签

1.为什么需要表单

    使用表单目的是为了收集用户信息
    在我们网页中,我们也需要跟用户进行交互,收集用户资料,此时就需要表单

2.表单的组成

    在HTML中,一个完整的表单通常由表单域、表单控件(也称为表单元素)和提示信息3个部分构成

3.表单域

    表单域是一个包含表单元素的区域
    在HTML标签中,<form>标签用于定义表单域,以实现用户信息的收集和传递。
    <form>会把他范围内的表单元素信息提交给服务器。

    3.1表单域的语法格式

       

       URL也被称为网址。URL 可以由单词组成,比如 “w3school.com.cn”,或者是因特网协议(IP)地址:192.168.1.253。大多数人在网上冲浪时,会键入网址的域名,因为名称比数字容易记忆。

     3.2表单域的常见属性

        

        ①在我们写表单元素之前,应该有个表单域把他们进行包含
        ②表单域是form标签

4.表单控件(表单元素)

    在表单域中可以定义各种表单元素,这些表单元素就是允许用户在表单中输入或者选择的内容控件。

    表单控件的分类: input 输入表单元素 、select下拉表单元素、textarea文本域元素

    4.1<input>表单元素

       在英文单词中,input是输入的意思,而在表单元素中<input>标签用于收集用户信息
       在<input>标签中,包含一个type属性值,输入字段拥有很多形式(可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等)

    4.2<input>表单元素的语法格式

      

       ① <input/>标签为单标签
       ② type属性设置不同的属性值用来指定不同的控件类型

         4.2.1 type 属性

              type属性的属性值及其描述如下:

             

        4.3<input>标签的常用属性

       

         ①name和value 是每个表单元素都有的属性值,主要给后台人员使用
         ② name 表单元素的名字,要求 单选按钮和复选框要有相同的name值
         ③ checked属性主要针对于单选按钮和复选框。主要作用一打开页面,就要可以默认选中某个表单元素
         ④ maxlength 是用户可以在表单元素输入的最大字符数,一般较少使用

酒枯推荐

      推荐使用浏览器:Google Chrome

      推荐使用Java环境:IDEA(IntelliJ IDEA)

          本周推荐学习:JDBC的学习与应用

          推荐学习视频链接:https://www.bilibili.com/video/BV1eJ411c7rf?from=search&seid=2172690829084319707

          推荐练习Java环境:https://leetcode-cn.com/

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值