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> 为表单加一个边框及标题

  • 相关阅读:
    使用 Dockerfile 定制镜像
    UVA 10298 Power Strings 字符串的幂(KMP,最小循环节)
    UVA 11090 Going in Cycle!! 环平均权值(bellman-ford,spfa,二分)
    LeetCode Best Time to Buy and Sell Stock 买卖股票的最佳时机 (DP)
    LeetCode Number of Islands 岛的数量(DFS,BFS)
    LeetCode Triangle 三角形(最短路)
    LeetCode Swap Nodes in Pairs 交换结点对(单链表)
    LeetCode Find Minimum in Rotated Sorted Array 旋转序列找最小值(二分查找)
    HDU 5312 Sequence (规律题)
    LeetCode Letter Combinations of a Phone Number 电话号码组合
  • 原文地址:https://www.cnblogs.com/tushengadbm/p/5588968.html
Copyright © 2011-2022 走看看