[HTML]表单标签(form表单域、input输入表单、label标签、select下拉表单、textarea文本域)

您所在的位置:网站首页 下面能用于输入文本的表单对象是 [HTML]表单标签(form表单域、input输入表单、label标签、select下拉表单、textarea文本域)

[HTML]表单标签(form表单域、input输入表单、label标签、select下拉表单、textarea文本域)

2024-07-15 00:10| 来源: 网络整理| 查看: 265

本博文介绍HTML中的表单标签。

表单 = 表单域 + 表单控件 + 提示信息,下面说说表单域和表单控件。

1 表单域标签:

        基本格式:

        

                各种表单元素控件

        

        参数说明:

参数说明action用于指定接收并处理表单数据的服务器程序的URLmethod用于设置表单数据的提交方式,其取值为get或者postname指定表单的名称 2 表单控件(表单元素) input输入表单元素

        基本格式:

        input的常用属性:

属性名说明type决定输入类型,可选值及说明在下表name定义input元素的名称id标签的唯一标识value规定input元素的值checked规定此input元素首次加载时被选中,用法:checked="checked"maxlength规定表单中输入字符串的最大长度

        属性type的可选值:

可选值说明button可点击按钮(结合js搭配使用)file定义输入字段和“浏览”按钮,供文件上传checkbox复选框(表单属性name需要相同)password密码字段,字段中字符被掩码hidden隐藏的输入字段radio单选按钮(表单属性name需要相同)reset重置按钮,清除表单数据text单行输入字段,默认宽度为20字符submit提交按钮,可将表单数据发送到服务器 label标签

        用处:绑定一个表单元素,当点击label标签内文本时,浏览器自动将光标转到(或选择)对应的表单元素。注意label的for属性值要和input的id属性值一致。

        基本格式:标签内文本

        举例:

        男

        

        此时用户点击“男”,则会选中单选按钮。

select下拉表单元素

        基本格式:

        

                选项1

                选项2

        

        注意:中添加selected = "selected",则表示默认选中。

textarea文本域元素

        基本格式:

        

                文本内容

        

        参数说明:

参数说明rows文本域的行数cols文本域的列数



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3