css的基础

表单的作用:用于搜集不同类型的用户输入。

表单的组成:表单元素(控件)、表单区域。

2、表单区域

2.1 form标签

  • 语法:

    <form></form>
  • 作用:

    定义 HTML 表单域,是一个包含表单元素的区域。实现用户信息的收集和传递。举例说明:比如最为常见的交互操作,注册会员、跟帖留言或者文章发布等

  • 注意:

    form表单实现上述操作是最为常见方式之一,也可以使用其他方式,比如ajax等

3、表单元素

表单元素是允许用户在表单中输入内容的标签,比如:文本域、下拉列表、单选框、复选框等。

3.1 input标签

  • 概述:<input>标签是最重要的表单元素。type属性取值不同,可以展示出不同的表单形式。

  • 作用:用来定义不同种类的输入控件

  • 语法:

    <input type="类型">
  • 常用类型

    • type="text"

      • 作用:用于文本输入的单行输入字段

        <input type="text" >

    • type="password"

      • 作用:定义密码字段

      <input type="password" value="密码">
      • 注意:密码字段字符不会明文显示会显示为星号或实心圆

    • type="radio"

      • 作用:定义单选按钮,允许用户在有限数量的选项中选择其中之一(需要指定单选按钮组)

        <input type="radio">

    • type="checkbox"

      • 作用:定义复选框,允许用户在有限数量的选项中选择零个或多个选项

        <input type="checkbox">

    • type="button"

      • 作用:定义普通按钮

           <input type="button" value="按钮">
      • 提示:value属性定义按钮显示的文本

    • type="submit"

      • 作用:定义用于向表单处理程序提交表单的按钮

      • 注意:省略了提交按钮的 value 属性,该按钮将显示默认文本”提交”(不同浏览器表现不同)

         <input type="submit" value="提交按钮">

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值