首页 > 其他分享 >HTML之表单中的label

HTML之表单中的label

时间:2023-03-24 21:57:09浏览次数:39  
标签:标签 label 表单 HTML input 关联

label可以获取焦点,将文字和input关联起来

  法一:当label中的for属性值与input中的id属性值相同时就能关联起来了

1 <label for="zhanghu">账户:</label>
2             <input id="zhanghu" type="text" name="account" value="张三">

  法二:用label标签包裹input标签也可以关联

1 <label>密码:
2                 <input type="password" name="pwd">
3 </label>

 

标签:标签,label,表单,HTML,input,关联
From: https://www.cnblogs.com/wanganli/p/17242105.html

相关文章

  • 表单的初级验证
    一.常用方式1.placeholder:提示信息2.required   :非空判断3.pattern    :正则表达式<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-......
  • vue/html 日期与时间戳互相转换
    1、将日期转换成时间戳lettime=parseInt(newDate().getTime()/1000);console.log(time)2、接口传过来的UTC日期和13位时间戳格式化constformateDate=(time......
  • HTML 文本处理基础
    提前声明本博客只是将自己学到的知识做总结而已,细节学习请来这里,大佬的教学很详细很棒。学习结果展示本次学习学到了 标题的使用 无序列表的使用看,第二个无......
  • django -表单 forms 类的使用 - Form 和 ModelForm - 时间格式的配置
    @目录表单是搜集用户数据信息的各种表单元素的合集,其作用是实现网页上的数据交互,比如用户在网站输入数据信息,然后提交到网站服务器进行处理(如数据录入和用户登陆注册),分为......
  • SpringBoot+jquery实现post提交表单并添加隐藏域属性完成编辑功能
    场景如下页面编辑时:在选择归属机构时会出现树形结构,所以在提交时需要额外提交一些信息,可以在form中使用input的隐藏域进行存值。实现html代码<divclass="modalinmodal"id......
  • html 音频自动播放
    chrome处于安全考虑,不会自动播放音视频,只能与页面有交互后调用播放函数<!DOCTYPEhtml><html><head> <title>音乐自动播放</title></head><body> <audioautoplay="......
  • HTML标签盒模型
    一、自我介绍本人2021年6月参加工作,擅长技术主要有html/css/javaScript/vue/uni等,很懒一直都不想写文章,这是我第一篇博文。二、技术分享盒模型原理行内元素特性:1、无法设置......
  • 聊聊Python中的GIL https://www.cnblogs.com/ArsenalfanInECNU/p/9968621.html
    抄自:https://www.cnblogs.com/ArsenalfanInECNU/p/9968621.htmlGIL的全称是GlobalInterpreterLock,全局解释器锁。因为Python的执行依赖于解释器。Python最初的设计理......
  • 纯CSS和HTML打造树结构
    阅读目录源码HTML源码请到资源下载源码。HTML我们以某个公司的部门组织结构为例,其实就是一个无限级分类,我们首先定义好HTML结构,它有ulli组成,代码应该像这样:<!DOCTYPEhtml>......
  • Html字符转码
    标记十进制编码编码™&#8482; € &euro;Space&#32;&nbsp;!&#33; "&#34;"#&#35; ......