input 标签

  • 基本用法：<input type="" name="" value="">
  • 其中 type 属性的属性值有如下几种：
属性值 描述
button 定义可点击的按钮
checkbox 定义复选框
radio 定义单选框
file 用来上传文件
image 定义以图形形式的提交按钮
password 定义密码字段
reset 定义重置按钮
submit 定义提交按钮
text 定义单行的文本输入
  • name 属性：
    • 当使用单选框的时候，一组单选按钮中的 name 值必须相同才能实现单选
    • 复选框的时候，name 的值也必须相同
  • value 属性：
    • 设置默认值
  • name 和 value 一般是给后端使用的
  • 对于单选和多选，还有一个 checkout 属性，表示默认选中某一个
  • maxlength
    • 他的值是正整数，一般用来规定输入字段中字符的最大长度

<label></label> 标签

  • label 标签一般和 input 标签一块使用。
  • 在使用 label 标签和 input 标签一块使用的时候，当点击 label 标签中的内容的时候，将会自动选中对应表单元素（如单选框或者复选框），以此来增加用户体验，用法如下
<label for="sex">男</label>
<input type="radio" name="sex" id="sex">
// 其中 input 中的 id 值要和 label 中的 for 里面的值相等
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容