当前位置：首页 > 资讯 > > 正文

每日资讯：[HTML]表单标签（form表单域、input输入表单、label标签、select下拉表单、textarea文本域）

来源：博客园    时间：2023-03-28 16:32:28

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

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

1 表单域标签：

基本格式：


(资料图)

各种表单元素控件

参数说明：

参数说明
action用于指定接收并处理表单数据的服务器程序的URL
method用于设置表单数据的提交方式，其取值为get或者post
name指定表单的名称

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下拉表单元素

基本格式：

注意：

  • textarea文本域元素

基本格式：

参数说明：

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

关键词：

上一篇：微博大V推荐度95%《龙与地下城：侠盗荣耀》本周五点燃复仇之战-环球热文

下一篇：最后一页

精心推荐

X 关闭

资讯

每日资讯：[HTML]表单标签（form表单域、input输入表单、label标签、select下拉表单、textarea文本域）

行业排行

X 关闭

产业