html表单域是什么（怎么样构建HTML表单）
本文目录
怎么样构建HTML表单
本篇为大家介绍一下在浏览一些网站时经常会用到的一种网页元素--表单。如下图，想必大家已经再熟悉不过了，像这样允许用户输入并使用按钮提交信息的功能，我们称之为表单，那么接下来为大家介绍HTML表单相关的一些知识点，希望对大家有所帮助。
1)表单:帮助服务器收集客户端信息的一种机制
《form action="提交到的页面" method="提交的方法"》
表单控件
form》
《input type="text" name="" id="" value="" size="" placeholder=""/》
《input type="password" name="" id="" size=""/》
《input type=’radio’ name="" value="" checked》标示符
性别:《input type=’radio’ name="" value="" checked》男
《input type=’radio’ name="" value="" checked》女
《input type=’radio’ name="" value="" checked》保密
《input type=’checkbox’ name="" id="" value="" checked》标示
《input type=’checkbox’ name=’classes’ checked value=’1’》语文
《input type=’checkbox’ name=’classes’ value=’2’》数学
《input type=’checkbox’ name=’classes’ value=’3’》历史
《input type=’checkbox’ name=’classes’ value=’4’》政治
《input type=’checkbox’ name=’classes’ value=’5’》物理
《input type=’checkbox’ name=’classes’ value=’6’》化学
《input type=’checkbox’ name=’classes’ checked value=’7’》美术
action:数据最后所提交的页面 绝对路径/相对路径
method:数据提交服务器时的提交方法 post get
2)表单控件:表单用于用户填写信息的控件
1、文本控件: 用于用户填写较少信息，且可以显示用户填写信息的控件
(注册时，用户名填写)
格式:
type:设置控件样式 text
name:用于表单收集信息的一种标示符，也就是控件的名称
2、密码框:只是用户输入的内容看不到
3、单选按钮组:由多个单选按钮组成的按钮组，只能选中其中一个，这种按钮组
name:为了保证传递服务器数据只有一个，所以name值必须相同
value：是用提交服务器时，该标签被提交的数据,value不能相同;
checked:默认按钮组中的那个按钮被选中
所有表单控件name值不能相同!!!
4、复选按钮组: 与单选按钮组的区别可以选择多个，为了能将用户选择的多项内容传递服务器中，要将name名字后面加个
格式:
选课:
注意：一定要在name属性后面添加
5)下拉列表框:
格式:
《select name="" 》
《option value="" selected》下拉列表项option》
《option value="" 》下拉列表项option》
《option value="" 》下拉列表项option》
《option value="" 》下拉列表项option》
《option value="" 》下拉列表项option》
select》
《textarea name="" id="" cols="" rows=""》
内容
textarea》
《textarea name=’descs’ cols="50" rows="10"》
我是个学生
textarea》
《input type="hidden" name = “”value =””》
《input type="file" name=””》
《input type=’button’ name=”” value=""/》
《input type=’button’ name=’clicks’ value="点我"/》
《input type=’submit’ name="add" value=’注册’/》
《input type=’reset’ name=’cancel’ value=’重置’》
《input type=’image’ src=’图片地址’ name=””》
multiple:允许用户选中多个下拉列表项
optgroup: 设置下拉分类标示
6) 文本域：可以输入多行数据的表单控件
rows:设置文本域可以输入的行数
cols:设置的文本域输入的列数(一行可以输入多少个字符)(不是PX)
个人介绍:
7)隐藏域：
8)上传控件：
9)按钮标签:
普通按钮:为js提供的控件
value：按钮中显示的数据和提交到服务器后该控件提交的值
提交按钮:点击后可以提交表单
重置按钮:点击后可以将用户输入的数据清空
图片提交按钮:使用图片作为提交按钮
本文的分享就到这，感兴趣的同学可以自己试试看噢!
常用的html表单域标记有哪几种
文本字段 text
密码 password
隐藏域 hidden
文本区域 textarea
复选框 checkbox
单选按钮 radio
选择列表 select
图像域 image
文件域 file
按钮 button
提交按钮 submit
大致就是这些。
HTML常用表单域有哪些
《input
type="text"
name="textfield"》
文本域
《input
type="hidden"
name="hiddenfield"》
隐藏域
《textarea
name="textarea"》《/textarea》
文本区
《input
type="checkbox"
name="checkbox"
value="checkbox"》
多选
《input
type="radio"
name="radiobutton"
value="radiobutton"》
单选
《select
name="select"》
列表
《/select》
《input
name="imagefield"
type="image"
src="images/arrow.gif"》
图片域
《input
type="file"
name="file"》
文件域
《input
type="submit"
name="submit"
value="提交"》
提交表单
《input
type="button"
name="submit2"
value="按钮"》
按钮
《input
type="reset"
name="submit3"
value="重置"》
重置
更多文章：
2026年11月7日 09:20
安装配置eclipse（安装并配置eclipse出现各种问题怎么办）
2026年11月7日 08:20
2026年11月7日 08:10
2026年11月7日 08:00
2026年11月7日 06:50
sqlite格式的视频怎么打开（.sqlite是什么文件，用什么工具打开）
2026年11月7日 05:30
element ui面试题（用element-ui ELDialog和ELTable遇见的坑）
2026年11月7日 04:40
2026年11月7日 03:30
中文自动翻译成英语的输入法（有没有一种输入法能将打出来的中文自动变成英文）
2026年11月7日 02:10
equals to（为什么有些英文句子要用的是“equals to that of” 这个that和of之间还可以加名词吗）
2026年11月7日 01:50
