美文网首页
input 标签

input 标签

作者: xiaoshengMar | 来源:发表于2021-05-22 22:24 被阅读0次
  • 基本用法:<input type="" name="" value="">
  • 其中 type 属性的属性值有如下几种:
属性值 描述
button 定义可点击的按钮
checkbox 定义复选框
radio 定义单选框
file 用来上传文件
image 定义以图形形式的提交按钮
password 定义密码字段
reset 定义重置按钮
submit 定义提交按钮
text 定义单行的文本输入

  • name 属性:
    • 当使用单选框的时候,一组单选按钮中的 name 值必须相同才能实现单选
    • 复选框的时候,name 的值也必须相同

  • value 属性:
    • 设置默认值

  • namevalue 一般是给后端使用的

  • 对于单选和多选,还有一个 checkout 属性,表示默认选中某一个

  • maxlength
    • 他的值是正整数,一般用来规定输入字段中字符的最大长度

<label></label> 标签

  • label 标签一般和 input 标签一块使用。
  • 在使用 label 标签和 input 标签一块使用的时候,当点击 label 标签中的内容的时候,将会自动选中对应表单元素(如单选框或者复选框),以此来增加用户体验,用法如下
<label for="sex">男</label>
<input type="radio" name="sex" id="sex">
// 其中 input 中的 id 值要和 label 中的 for 里面的值相等

相关文章

  • vue实现文件上传

    本文主要介绍input标签实现的文件上传 input 标签上传也有两种写法 一、隐藏input标签 将input标...

  • html表单用法

    form标签 input标签 其他标签

  • 2018-09-18day2-HTML和CSS

    一、单表格标签 1.表单标签:form标签 2.input标签:单标签 type属性:决定input标签的样式te...

  • element-ui的el-input按回车键后,如何阻止整个页

    当el-input标签放入el-form标签中时:1.只有一个el-input标签2.既有el-input标签又有...

  • Day 21HTML基础标签

    HTML基础标签 input标签

  • input标签

    input标签中很多属性在不同浏览器中都有不同的表现效果,比如下面的文本框 css代码:{border-radiu...

  • input标签

    input元素及其属性 input元素用来设置表单中的内容项,比如输入内容的文本框,按钮等不仅可以布置在表单中,也...

  • input标签

    标签用于搜集用户信息。 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码...

  • input 标签

    基本用法: 其中 type 属性的属性值有如下几种: 属性值描述button定义可点击的按钮checkbox定义复...

  • [jQuery]数据隐藏传递

    方法一:通过input标签的type="hidden"传递 type="hidden"表示这个input标签被隐藏...

网友评论

      本文标题:input 标签

      本文链接:https://www.haomeiwen.com/subject/cjwojltx.html