表单详解

标签名:
    1、form action(路径) method (提交方式,提交方式分为get和post,post) (如果在表单中插入图片或者文件提交,需要给form加上 enctype="multipart/form-data" 属性)
    2 提交方式:
      get提交:在路径后面加参数 ?name=123&age=123
      注意:键不要加空格 ?name=123&age=123 ?name= 123&age =123
表单元素:
    1、文本框类型
      (1)文本框:text (disabled 不可操作; readonly 只读)
       (2)密码框:password
      (3)隐藏域:hidden
       (4)多行文本 :texarea
    (placeholder=“文本框默认值” 在input里面显示要输入的内容提示 是四个文本框通用属性)
2、按钮类型
    (1)提交: submit、 buton标签也是提交的意思
    (2)复位: rest
    (3)普通:button
3、选择类型
    label标签 将文字和选择标签相关联
    用法1:用label标签将内容包裹起来
    用法2:label标签得for属性的属性值是选择标签的id值,然后将选择的标签代表的意思放到label标签的内容位置
    (1)单选:ratio (checker 属性默认选中)
    (2)多选:checkbox
    (3)下拉:<select> <option> 嵌套标签
4、文件类型 (1)file
5、图片类型 (2)imag
6、表单元素的通用写法
    < input type=“类型” name=“ ” value=“ ”>
    name:在表单中和value是键值对
在单选多选中有分组的意思
    7、表单的特殊元素

下拉

    <select    name=“ ” id=“ ” >
      < option value=“ 中的数值和后面的选项1相对 ” >选项1< /opion>
      < option >选项2< /option >
      <option value=“ ” >选项3< /opion >
    </select >
value : option里面有value属性那就是属性值
option没有value属性 那就是属性值
8、多行文本
    < textarea name=“ ” id= “ ” cols= “长(这里的属性不需要加px)” rows= “ 宽 ” >内容就是value 值
    < /textarea >

posted on 2018-03-11 13:19  尘不修仙  阅读(164)  评论(1编辑  收藏  举报

导航