inpupt标签相关总结

单选框

  <input type="radio" name="gender" value="2"/> #单选框 属性name 的值相同表示互斥;value的值用来区分

复选框:

  input type="checkbox" name="favor" value="1" checked="checked"/>

  复选框即多选;其中checked = "checked"表示默认选中

  checkbox对象中有一个属性checked: 用法:checkbox.checked=true(选中) 或 checkbox.checked=false(没选中)

 

上传文件:

  <input type = "file" name="fname">

  上传文件时from表单中必须加上 enctype="multipart/form-data"这个属性才能上传表示一点一点的将文件发送给服务器

 

多行文本输入:

  多行文本输入<textarea name="meno" >默认值放中间</textarea>

 

 

下拉框标签:
  <select name="city" multiple="multiple" size="10">
    <option value="1">北京</option>>
    <option value="2">上海</option>>
    <option value="3">成都</option>>
    <option value="4">武汉</option>>
  </select>> 
  select标签 -name, 内部:option value, 提交 想要显示多个用size属性 multiple多选属性

 

 

重置标签:

  重置<input type="reset" value="重置">

 

 

 

Label标签用法:
  用于点击文件,使得关联的标签获得光标(通常配合input标签使用)
  <label for="user">用户名:</label>
  <input id="user" type="text" name="username">

 

 

 

补充知识点:

在javascript和jQuery中如何获取input标签的值:

  Dom对象获取值:tag.value()

 

  jquery对象获取:

    获取input系列标签里的value值(即:用户输入值):
    $("......").val()获取值
    $(".......").val("需要设置的值") 设置值

 

posted @ 2020-05-22 10:48  白头翁z  阅读(174)  评论(0编辑  收藏  举报