iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >form在html中指的是什么意思
  • 921
分享到

form在html中指的是什么意思

2024-04-02 19:04:59 921人浏览 独家记忆
摘要

小编给大家分享一下fORM在html中指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

小编给大家分享一下fORMhtml中指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

form在html中是“表单”的意思,它是一个为用户输入创建HTML表单的标签,语法格式“<form>表单元素</form>”;form标签对中可包含多种表单元素,如input、textarea、select、option、button等。

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

form在html中是“表单”的意思,它是一个为用户输入创建HTML表单的标签。

表单是一个包含表单元素的区域;功能:用于搜集不同类型的用户输入的内容。

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

表单通过<form>标签来创建,其中放置表单的对象,如表单域、按钮和其他事物:

<form>
....
表单元素
....
</form>

常用的表单元素

ü  form   表单

ü  input   表单元素,表单项

ü  select和option  下拉菜单

ü  textarea 文本域

(1)form元素

功能:用于创建一个表单

格式:

<form></form>

基本用法:

form在html中指的是什么意思

重要属性:

1,action:表示当前表单中的内容提交给哪个页面进行处理

2,method:表示当前表单提交的方式,常见的有get和post方式,默认是get提交

(2)input元素

表示输入框,有多种形式,可以根据type属性来确定显示哪种输入框。

form在html中指的是什么意思

基本用法:

form在html中指的是什么意思

效果 :

form在html中指的是什么意思

注意细节:

1,对于input来说,它的type的默认值是text,表示单行文本

2,对于input,最好给它添加一个name属性,作用是用于将用户输入的内容提交给要处理这个数据的页面

GET提交与POST提交:

GET:

form在html中指的是什么意思

如果以get方式进行提交,但没有写上name属性,那么用户输入的内容是提交不了的,但是也会出现?这个标志:

form在html中指的是什么意思

POST:

当用户以post方式提交时,用户输入的内容不会放到地址栏里面,比较安全

form在html中指的是什么意思

GET和POST小结:

1,GET会将用户输入的内容放到地址栏里面,使用GET请求不安全

2,POST不会将用户输入的内容放到地址栏里面,相对安全

细节:

1,每一个input标签都有一个value属性,不同类型的input, value的作用也不同

对于type=”text”来说,value可有可无,因为用户输入的内容都可以提交过去。

对于type=”radio”或type=”checkbox”来说,没有value,是提交不了的。

form在html中指的是什么意思

2,对于type=”radio”来说,如果你只想选择一个,需要给每个input添加一个name属性,属性值也必须一致,如果不添加,就不能满足单选框的需求。

3,关于单行文本的宽度,可以使用size属性来设置,表示字符长度,实际上不用,我们一般是通过CSS进行控制的。

(3)select和option

作用:用来实现下拉列表

格式:

<select>
<option>内容</option>
<option>内容</option>
<option>内容</option>
</select>

基本用法:

form在html中指的是什么意思

注意点:

1,默认情况下,提交时,它将option里面的内容作为提交的内容,但是通常我们不这样做,我们通常给opton设置一个value属性,属性值我们通常用数字。

form在html中指的是什么意思

使用value后的情况如下:

form在html中指的是什么意思

我们可以使用selected属性让某个option处理默认选中状态。

form在html中指的是什么意思

(3)textarea

作用:提供输入大量文本的输入框,比如,QQ空间中发表状态,贴吧发表贴子等。

格式:<textarea></textarea>

基本用法:

form在html中指的是什么意思

以上是“form在html中指的是什么意思”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网VUE频道!

--结束END--

本文标题: form在html中指的是什么意思

本文链接: https://www.lsjlt.com/news/86753.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • form在html中指的是什么意思
    小编给大家分享一下form在html中指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2022-10-19
  • form在html中是什么意思
    在HTML中,``是一个用于收集用户输入的元素。它用于创建一个包含输入字段、按钮、复选框等的区域,用户可以在此区域中输入信息或选择选...
    99+
    2023-08-29
    html
  • runat在html中指的是什么意思
    这篇文章主要介绍了runat在html中指的是什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在html中,runat是服务器控件属性,只需要在form标签添加“run...
    99+
    2023-06-15
  • margin在html中指的是什么意思
    这篇文章给大家分享的是有关margin在html中指的是什么意思的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 在html中,margin的意思为“外...
    99+
    2022-10-19
  • transform在html中指的是什么意思
    小编给大家分享一下transform在html中指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!html有什么特点1、简易性:超级文本标记语言版本升级...
    99+
    2023-06-14
  • border在html中指的是什么意思
    这篇文章主要为大家展示了border在html中指的是什么意思,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“border在html中指的是什么意思”这篇文章吧。html是什么html的全称为超文本...
    99+
    2023-06-06
  • footer在html中指的是什么意思
    本文将为大家详细介绍“footer在html中指的是什么意思”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“footer在html中指的是什么意思”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容...
    99+
    2023-06-06
  • html指的是什么意思
    这篇文章将为大家详细讲解有关html指的是什么意思,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。html的英文全称是“Hyper Text Markup Language”,表示超文本标记语言,是一种标记...
    99+
    2023-06-14
  • html中align指的是什么意思
    小编给大家分享一下html中align指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2022-10-19
  • html中ol指的是什么意思
    小编给大家分享一下html中ol指的是什么意思,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! html中ol是“ordered lists”的缩写,是有序列表的...
    99+
    2022-10-19
  • html中block指的是什么意思
    这篇文章主要介绍了html中block指的是什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在html中...
    99+
    2022-10-19
  • html中auto指的是什么意思
    这篇文章将为大家详细讲解有关html中auto指的是什么意思,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 在html中,auto的意思是“自...
    99+
    2022-10-19
  • html中aside指的是什么意思
    这篇文章主要介绍了html中aside指的是什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在html中aside的意思为“除…以外”、“旁白”的意思,是HTML5的新...
    99+
    2023-06-06
  • html中div指的是什么意思
    这篇文章主要介绍html中div指的是什么意思,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!html中的div标签是一个块级元素,浏览器通常会在div元素前后放置一个换行符。div标签可以把文档分割为独立的、不同的部...
    99+
    2023-06-06
  • html中h1指的是什么意思
    这篇“html中h1指的是什么意思”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“html中h1指的是什么意思”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们...
    99+
    2023-06-06
  • html中padding指的是什么意思
    这篇文章主要为大家展示了html中padding指的是什么意思,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“html中padding指的是什么意思”这篇文章吧。html是什么html的全称为超文本...
    99+
    2023-06-06
  • html中dl指的是什么意思
    这篇文章将为大家详细讲解有关html中dl指的是什么意思,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。html的dl标签定义了定义列表,【<dl>】标签用于结合 【<dt>】和 【...
    99+
    2023-06-06
  • html中alt指的是什么意思
    这篇文章将为大家详细讲解有关html中alt指的是什么意思,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。html有什么特点1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开...
    99+
    2023-06-14
  • html中width指的是什么意思
    这篇文章将为大家详细讲解有关html中width指的是什么意思,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。在html5中,width的意思是宽度,width属性定义元素内容区的宽度,在内容区外面可以增加...
    99+
    2023-06-15
  • html中td指的是什么意思
    小编给大家分享一下html中td指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在html中,td的意思为“单元格”,用于定义HTML表格中的标准单元...
    99+
    2023-06-15
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作