html input 中的name,在input里,name属性的作用

input标签

标签用于在表单建立一个简单的输入框,属于自闭和标签。

input 标记是放在表单

之间的,用来在表单中建立一个数据储存域。它的最主要的两个属性是:name属性和type属性

name属性的作用

1.作为可与服务器交互数据的HTML元素的服务器端的标示,我们可以在服务器端根据其Name取得元素提交的值

例如:

Document

如上代码中,包含在body标签中的三个name分别表示为用户输入数据打上sex、username、password的标签,浏览器在收到用户输入数据后,将数据上传给服务器

桌面创建一个test文件夹,将上述代码的002.html放入test文件夹,使用Gitbash输入http-server来开启一个本地服务器

6782d69c1140

本地服务器.png

在浏览器URL输入http://127.0.0.1:8080,右键,检测,在表单输入数据,点击提交

6782d69c1140

表单键入数据.png

查看页面右侧检测内容

6782d69c1140

表单检查2.png

浏览器上传的数据中可以清楚的看到我们键入的数据是什么,以及分别属于哪个name名字(name="sex"之所有没有显示,是因为其并不在表单中,没有被from标签包裹在其中)

2.在Input标签的属性 type='radio'分组,就是根据相同的Name属性来实现的

例如:

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值