zoukankan      html  css  js  c++  java
  • html表单

    1,表单不能嵌套表单
    2,表单标签<form></form>
    最小表单格式<form method="" action=""></form>
    action是当前表单交给谁处理,目前action后用“#”号,提交在当前页面
    3,HTTP GET协议(不安全请求)直接将参数拼接在地址后面
    将数据与实际的URL文本附加在一起
    HTTP POST协议(安全请求)
    数据在http流中传输。
    4,表单中不仅有id属性,还有name属性,此属性是表单提交给后台使用的属性
    5,文本框
    例如 name:<input type="text" name="userName">
    属性:size 文本框的长度
    maxlength 最大输入长度
    value 初始化文本框内容
    6,密码输入框
    例如 pwd:<input type="password" name="userPwd">
    属性与文本框相同
    7,单选按钮
    例如:选择性别
    <input type="redio" name="gender" value="1">男<input type="redio" name="gender" value="0">女
    设置相同name属性,达到互斥的效果。通过value赋值,后台接收此值。checked属性,加上默认选中
    8,复选框
    <input type="checkbox">
    与radio相似,通过相同的name属性以及不同的value属性来赋值,也有checked属性
    9,隐藏字段域
    <input type="hidden" name="" value="">
    将自己需要使用的值保存在此,不会展示给用户
    10,文件上传控件
    <input type="file">
    此控件不允许被改变,大小、模式等
    提交必须使用post方式提交,get大小在255k,post理论上不限制大小
    例如:<form action="#" method="post" enctype="form/multipart">
    <input type="file">
    </form>
    11,下拉列表
    例如:<select id="chooseCity">
    <option>请选择</option>
    <option>成都</option>
    <option>上海</option>
    <option>北京</option>
    </select>
    select的size属性表示初始化显示多少条
    option的selected属性 默认选择哪条
    12,多行文本框
    <textarea id=""name=""rows=""cols="">文本内容</textarea>
    13,提交表单按钮
    <input type="submit" value="">
    value属性是给此按钮命名
    <input type="reset" value="">
    重置所填表单,恢复默认值
    14,表单中的button按钮正规写法
    <input type="button" value="">
    15,其它表单元素和属性
    <label></label> 表单中的文字信息放在label中
    label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用
    户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
    <label> 标签的 for 属性应当与相关元素的 id 属性相同。
    <fieldset><legend>标题<legend><fieldset> 为表单加一个边框及标题

  • 相关阅读:
    jquery.FixedColumns 滚动兼容问题
    面向对象三大特性:继承、封装、多态
    jquery.chosen.js和select2使用笔记
    Git查看、删除、重命名远程分支和tag(转载)
    GIT忽略追踪文件
    git代码量统计(转载)
    SQL SERVER如何收缩日志-通过脚本收缩(转发)
    GIT常用命令
    解决 git extensions 每次提交需要输入用户名和密码
    Mysql 5.7初始化密码
  • 原文地址:https://www.cnblogs.com/tushengadbm/p/5588968.html
Copyright © 2011-2022 走看看