form 表单

form表单中的内容,提交后都是 key:value 的形式

  • type="text" 表示输入文本(type="password" 表示密码输入框,其他与 type="text"相同)


  • placeholder 表示输入框中的提示。
  • maxlength 表示最大输入长度(字符)。
  • type="radio" 表示单选按钮。一定要有 name 和 value 属性

    
  • name 用来区分是否是同一组单选按钮。
  • value 后台接收的值。
  • checked 表示该按钮被选中。
  • type="checkbox" 表示多选框。 如果 name 设为不同,那么可以省略 value (不建议)

    
  • 如果 name 不同,value可以省略。
  • value 是后台接收的值。
  • checked 表示该选项被选中。
    但是,如果选项很多,name就需要很多,所以用数组表示
    
    
    

如果省略value,后台得到的是 name:on。

  • type="submit" 表示提交按钮

    
  • value 是按钮的内容。不写,内容默认为“提交”。
  • type="hidden" 表示隐藏域

    

会向 value 中的地址发请求,隐藏域主要用于

  • 1.缓存数据
  • 2.安全校验(后台生成一个值给页面,页面再次提交时,对比 value 值是否相同来进行校验)

另外,所有的 input 标签都可以通过 disabled 来禁止。 input 有 focus 状态。

需要强调的是,所有的 input 都要有 name 属性。

  • textarea 标签,表示文本域

    

属性的效果和 type="text" 的相同

再说一下下拉菜单 select 标签

select 标签一定要有 name 属性
option 标签一定要有 value 属性

    

提交后,后台的结果为 sport:basketball

你可能感兴趣的:(form 表单)