html表单有哪些标记

html表单标记:“”、“”、“”、“”、“”、“”、“”、“”、“”、“”等。

html表单有哪些标记

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

HTML 表单用于收集不同类型的用户输入。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

html表单的标记:

标记 描述

定义供用户输入的表单定义输入域定义文本域 (一个多行的输入控件)定义了 元素的标签,一般为输入标题

定义了一组相关的表单元素,并使用外框包含起来

定义了  

元素的标题

定义了下拉选项列表定义选项组定义下拉列表中的选项定义一个点击按钮指定一个预先定义的输入控件选项列表定义了表单的密钥对生成器字段定义一个计算结果

扩展资料: 元素

立即学习“前端免费学习笔记(深入)”;

 元素是最重要的表单元素。

元素有很多形态,根据不同的 type 属性。

1、文本域(Text Fields)

文本域通过 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。


登录后复制登录后复制登录后复制登录后复制登录后复制

浏览器显示如下:

1.png

注意:表单本身并不可见。同时,在大多数浏览器中,文本域的默认宽度是 20 个字符。

2、密码字段

密码字段通过标签 来定义:


登录后复制登录后复制登录后复制登录后复制登录后复制

浏览器显示效果如下:

2.png

注意:密码字段字符不会明文显示,而是以星号或圆点替代。

3、单选按钮(Radio Buttons)

标签定义了表单单选框选项


登录后复制登录后复制登录后复制登录后复制登录后复制

浏览器显示效果如下:

3.png

4、复选框(Checkboxes)

定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。


登录后复制登录后复制登录后复制登录后复制登录后复制

浏览器显示效果如下:

4.png

5、提交按钮(Submit Button)

定义了提交按钮.

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:


登录后复制登录后复制登录后复制登录后复制登录后复制

浏览器显示效果如下:

5.png

假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 “html_form_action.php” 的页面。该页面将显示出输入的结果。

推荐教程:《html视频教程》

以上就是html表单有哪些标记的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2949377.html

(0)
上一篇 2025年3月11日 23:18:16
下一篇 2025年3月2日 08:50:51

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html input怎么设置虚线边框样式

    html input设置虚线边框的方法:在input标签中使用style属性,添加“border-style: dashed;”或者“border:宽度值 dashed 颜色值;”样式;属性值dashed用于定义一个虚线边框。 本教程操作环…

    2025年3月11日
    200
  • 在html代码中表示表格行的标记是什么

    在html代码中,表示表格行的标记是“”。tr标记定义HTML表格中的行,一个“”元素包含一个或多个“”或“”元素。th元素定义表头单元格,包含头部信息;td元素定义标准单元格,包含数据。 本教程操作环境:windows7系统、HTML5版…

    2025年3月11日
    200
  • html怎么设置水平线与文字的距离

    在html中,可以通过在水平线标签中,使用style属性添加外边距样式来设置水平线与文字的距离。而外边距样式可以使用margin、margin-top或margin-bottom属性来设置。 本教程操作环境:windows7系统、CSS3&…

    2025年3月11日
    200
  • html中scrolling是什么意思

    在html中,scrolling的中文意思为“滚动”;它是iframe标签的一个属性,用于规定是否在iframe中显示滚动条,语法格式“”,可设置的属性值有auto、yes、no。 本教程操作环境:windows7系统、HTML5版、Del…

    2025年3月11日
    200
  • HTTP和HTML分别指什么

    HTTP是指一种超文本传输协议,是互联网上应用最为广泛的一种网络协议;它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。HTML全称“超文本标记语言”,是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。 本教…

    2025年3月11日
    200
  • html中设置字体的属性有哪些

    html中设置字体的属性:font、font-family、font-size、font-style、font-variant、font-weight、“@font-face”、font-size-adjust、font-stretch。 …

    2025年3月11日
    200
  • html th有什么用

    html th是用于定义表格内的表头单元格的一种标签,th元素内部的文本通常会呈现为居中的粗体文本,而 td元素内的文本通常是左对齐的普通文本。 本文操作环境:windows7系统、HTML5版,DELL G3电脑 html th有什么用?…

    2025年3月11日
    200
  • html如何给背景加链接

    html给背景加链接的方法:首先新建一个html文件,并使用div创建一个模块;然后通过class设置css的样式;最后使用a标签创建一个链接,实现给背景图片加上超链接即可。 本文操作环境:windows7系统、HTML5&&amp…

    2025年3月11日 编程技术
    200
  • html中u标签什么意思

    在html中,u的意思为下划线,u标签可用于为文本添加下划线,只需要用“”和“”标签对包裹住文本即可,语法格式“需要添加下划线的文本”。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。 …

    2025年3月11日
    200
  • html根节点是什么

    html根节点是“”节点。“”标签告知浏览器这是一个HTML文档,它是HTML文档中最外层的元素,即根元素。html标签是除了“”标签的所有其他HTML元素的容器。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 …

    2025年3月11日
    200

发表回复

登录后才能评论