HTML 表单和输入

HTML 表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单使用表单标签

HTML 表单 – 输入元素

多数情况下被用到的表单标签是输入标签()。

输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

文本域(Text Fields)

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

密码字段

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

 

单选按钮(Radio Buttons)

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

浏览器显示效果如下:

复选框(Checkboxes)

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

浏览器显示效果如下:

提交按钮(Submit Button)

定义了提交按钮.

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

 

HTML 表单标签

New : HTML5新标签

标签 描述

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

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

定义了

元素的标题

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

 

<!–

查看更多

–>

以上就是HTML 表单和输入的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月9日 05:32:26
下一篇 2025年3月7日 00:32:34

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

相关推荐

  • 你必须了解的html、css和js注释规范用法

    添加必要的注释,对一个有责任心、有道德模范的前端必须具备的好习惯,可以大大提高代码的可维护性、可读性。下面小编给大家介绍下html、css和js注释规范用法小结,需要的的朋友参考下吧 添加必要的注释,对一个有责任心、有道德模范的前端必须具备…

    编程技术 2025年3月9日
    200
  • html编写edm时有哪些要注意的?

    这篇文章主要介绍了html编写edm时注意事项小结(一般发邮件需要注意的地方),需要的朋友可以参考下 格式编码 1、页面宽度请设定在600到800px以内,长度1024px以内。 2、HTML编码请使用utf-8。 3、HTML代码在15K…

    2025年3月9日 编程技术
    200
  • 一个用Html制作的漂亮登录页面

    这篇文章主要为大家详细介绍了html制作简单而漂亮的登录页面具体代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 先来看看样子。 html源码: nbsp;html>                Login          …

    2025年3月9日
    200
  • HTML图片与超链接学习笔记

    本文总结的html图片与超链接学习笔记,希望对大家学习html有帮助! HTML图片与超链接学习笔记 ①图片       标签,属性有:    src,图片链接,分绝对路径和相对路径 立即学习“前端免费学习笔记(深入)”; width宽度 …

    编程技术 2025年3月9日
    200
  • 什么是无序列表、有序列表 、定义列表?html列表标签学习笔记

    本文介绍什么是列表标签?无序列表、有序列表 、定义列表?列表标签学习笔记,希望对html初学者有帮助!( html在线视频教程) 列表标签     什么是列表标签呢? 以平台区分有什么游戏? 手游 立即学习“前端免费学习笔记(深入)”; p…

    2025年3月9日
    200
  • HTML修饰符和特殊标签学习笔记

    本人总结的html修饰符和特殊标签学习笔记,希望对html初学者有帮助!更多教程请关注【创想鸟】html视频教程 ①修饰符:     作用:修饰显示的方式,并不改变网页的结构,需要修饰的内容写在修饰标签内     常用文字和段落修饰符: 立…

    编程技术 2025年3月9日
    200
  • HTML文档申明和编码标签学习笔记

    本人总结的html文档申明和编码标签学习笔记,更多教程请关注【创想鸟】html视频教程 ①文档申明     作用:为了使浏览器更好的显示HTML文件,必须告知浏览器你的文件为HTML     语法: 立即学习“前端免费学习笔记(深入)”; …

    2025年3月9日
    200
  • 解析HTML页面禁用Enter键自动提交表单的方法详解

    下面小编就为大家带来一篇html页面禁用enter键自动提交表单的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 在HTML页里面由于使用了form,常常需要禁用enter提交表单。因为内容页或者母版页自…

    编程技术 2025年3月9日
    200
  • 解析HTML基本语法和语义写法规则

    本文对html基本语法和语义进行了整理与实例,需要的朋友可以参考下 DOCTYPE DOCTYPE(Document Type) 该声明位于文档中最前面的位置,处于html标签之前,此标签告知浏览器文档使用哪种HTML或者 XHTML规范。…

    编程技术 2025年3月9日
    200
  • 15个必须掌握的HTML的入门小知识

     超文本标记语言,即我们常说的html,是一种用来制作网页的标准标记语言,它是由一系列的html标签构成。html标签大多都是成对出现的,比如,分别是开始标记和结束标记。但也有一些标签是没有内容的,也就没有结束标记,比如。 超文本标记语言,…

    编程技术 2025年3月9日
    200

发表回复

登录后才能评论