最新要闻

广告

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

 警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

家电

  1. 首页
  2. 移动通信
  3. 内容

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

来源：博客园

本博文介绍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文本域的列数

关键词：