表单标签的使用

        表单标签:网页中的表单展示

            1.表单的作用

                使用表单的目的就是为了收集用户信息

                在我们的网页中,我们也需要用户进行交互,收集用户资料,此时就需要表单

            2.表单的组成

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

        表单域:

        表单域就是一个包含表单元素的区域,在html中用from标签定义表单域,以实现用户信息的手机和传递

        就是说from标签会把他范围内的表单信息提交给服务器

        <from action="url地址" method="get/post" name="名称"></from>

            action:用于指定接受并处理表单数据的服务器程序的url地址

            method:用于设计表单数据的提交方式,其取值为get/post

            name:用于指定表单的名称,以区分同一个页面中的多个表单域

        表单控件(表单元素):

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

            input输入表单元素

                在英文单词中,input是输入的意思,而在表单元素中<input>标签用于收集用户信息

                在input标签中,包含一个type属性,跟据不同的type属性值,输入字段拥有很多种形式

              (可以是文本text、字段、复选框、掩码后的文本控件、单选按钮、按钮等)

               

                type属性的属性值:

                1.button:定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)

                2.checkbox:送一复选框

                3.file:定义输入字段和"浏览"按钮,供文件上传。

                4.hidden:定义隐藏的输入字段

                5.image:定义图像形式的提交按钮

                6.password:定义密码字段,该字段中的字符会被掩码

                7.radio:定义单选按钮

                8.reset:定义重置按钮,重置按钮会清楚表单中的所有数据

                9.submit:定义提交按钮,提交按钮会把表单数据发到服务器

                10.text:定义单行的输入字段,用户可在其中输入文本,默认20字符

            input标签除了type属性之外还有很多其他的属性

                a.name:用户自定义,定义input元素的名称

                b.value:用户自定义,规定input元素的值

                c.checked:规定input元素首次加载时应当被选中

                maxlength:正整数,规定输入字段的字符的最大长度

            select下拉表单元素

                        select:选项中至少包含一对option

                        option中定义selected="selected"属性时,当前项即为默认选中项。

            textarea文本域元素

                        使用场景:当用户输入内容比较多的情况下,我们就不能使用文本框表单了,此                            我们可以使用<textarea>标签

                        <textarea>作用是定义多行文本输入的控件;可以输入更多的文字,该控件常用于                          评论和留言板等。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值