[HTML教程] HTML input标签的属性有哪些?input标签的name属性介绍

[复制链接]
查看1474 | 回复11 | 2020-9-24 08:37:33 | 显示全部楼层 |阅读模式
本篇文章主要的介绍了关于HTML input标签的name属性的介绍,包括input标签的name属性的实例和三个使用的用途以及input标签中的name属性和id的区别哪些。好了,下面我们一起来看文章吧

首先让我们先认识一下HTML input标签的name属性:

name属性规定 input 元素的名称。

name属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。

name属性只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。name 属性规定 input 元素的名称。

name:控件的名字,一个控件是否设置它的 name 属性是不会影响到这个网页的功能实现的。但是,当我们需要把这个控件所关联的数据传递到数据库时,就必须要设置 name 属性。相当于人的姓名,可以重名

现在来个input标签的name属性实例看看:

带有两个文本字段和一个提交按钮的 HTML 表单:

<form action="form_action.asp" method="get">
  <p>姓名: <input type="text" name="fullname" /></p>
  <p>邮箱: <input type="text" name="email" /></p>
  <input type="submit" value="提交" />
</form>

上图看懂了吗?现在让我们看看效果图就差不多了:

说说input标签的name属性三个使用用途:

1: 作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。

2: 某些特定元素的属性,如attribute,meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。

3: 建立页面中的锚点,我们知道<a href="URL">link</a>是获得一个页面超级链接,如果不用href属性,而改用Name,如:<a name="PageBottom"></a>,我们就获得了一个页面锚点。

现在说的是HTML input标签的name属性和id属性的区别:

id要符合标识的要求,比如大小写敏感,最好不要包含下划线(因为不兼容CSS)。而name基本上没有什么要求,甚至可以用数字。ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。

<input> 标签规定用户可输入数据的输入字段。

根据不同的 type 属性,输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。

id:作为标签的唯一标识。

name:作为可与服务器交互数据的HTML元素的服务器端的标示。

【小编推荐】

HTML中的base标签如何写相对路径?(内附使用介绍)

HTML meta标签的作用是什么?html meta标签的使用方法介绍

以上就是HTML input标签的属性有哪些?input标签的name属性介绍的详细内容,更多请关注爱上源码网其它相关文章!

  • 微信
  • 分享
  • 相关标签:name input html
  • 本文原创发布爱上源码网,转载请注明出处,感谢您的尊重!
    • 上一篇:form标签的action属性怎么用?form标签action属性的用法介绍(附实例)
    • 下一篇:HTML option标签怎么添加两个value?option标签的用法解析

    相关文章

    相关视频

    • input文本框样式代码实例_基础教程
    • input点击后placeholder中的提示消息...
    • html5中的input新属性range使用记录_...
    • HTML5 input元素类型:email及url...
    • html5 input属性使用示例_html5教程...
    • input元素的url类型和email类型简介_h...
    • HTML input标签的属性有哪些?input标...
    • 传统 input标签
    • 前端开发基础视频-表单标签form-input-select-textarea
    本文有爱上源码下载完入驻作者发布,如果对您版权造成侵害,可以联系本站站长管理进行维权删除,本站收到维权24小时内进行处理,谢谢您关注23ym.cn! 本站分享大量程序员技术文章以及对编程开发的初级入门教程,包括图文讲解笔记和高清视频下载~
    回复

    使用道具 举报

    厕所有人 | 2022-4-18 16:42:59 | 显示全部楼层
    厉害了悟空源码,这么多资源
    回复

    使用道具 举报

    刘得福姊妹 | 2022-5-1 18:37:23 | 显示全部楼层
    找了好多地方,终于找到了
    回复

    使用道具 举报

    华为股票卖出矩 | 2022-5-15 10:20:51 | 显示全部楼层
    我是来白嫖悟空源码的资源的!
    回复

    使用道具 举报

    海田1 | 2022-6-10 05:49:31 | 显示全部楼层
    厉害了,悟空源码资源多教程多!
    回复

    使用道具 举报

    123457389 | 2022-6-23 06:28:54 | 显示全部楼层
    站长真良心,这么大的资源站都是免费下载
    回复

    使用道具 举报

    天八部饶gc | 2023-1-11 19:31:38 | 显示全部楼层
    很不错的资源站
    回复

    使用道具 举报

    见贤思齐380 | 2023-4-16 14:10:37 | 显示全部楼层
    5kym.cn这个站资源太全了
    回复

    使用道具 举报

    爸证欢 | 2023-4-19 01:55:31 | 显示全部楼层
    很不错的资源站
    回复

    使用道具 举报

    心清目明噶 | 2024-1-17 07:44:53 | 显示全部楼层
    我是来白嫖悟空源码的资源的!
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则