zoukankan      html  css  js  c++  java
  • 表单基础知识

    <!--表单元素
    <form action="表单提交的位置" method="提交的方式">
    <input type="表单元素类型" name="键" vaule="值">

    </form>
    提交的方式(2种):1、get方式:将表单中所有表单元素以键值对的方式在url提交给服务器
    提交地址:键1=值1&键2=值2?user+zhangsan&pwd=123456&hide=123#
    提交的数据大小有限制,不安全
    2、post方式
    提交安全,数据大小没限制

    表单元素类型:
    文本类型:
    文本框:text (placeholder,可以灰色字显示在框里)
    密码框:password
    隐藏域:hidden
    按钮类型:
    submit:提交按钮
    reset:重置按钮
    button:普通按钮
    选择类型:
    1、单选:radio
    注意:需要设定name属性进行分组(因为需要单选取值)
    2、多选按钮:checkbox

    label标签,点字就能选选项
    checked属性,默认选中
    文件类型:
    file属性:文件上传
    下拉框:
    <select name="键">
    <option value="值1">选项一</option>
    <option value="值2">选项二</option>
    <option value="值3">选项三</option>
    </select>
    默认值:selected
    文本域:
    <textarea></textarea>


    -->
    </head>

    <body>
    <form action="#" method="post">
    用户名:<input type="text" name="user" placeholder="请输入用户名"> <br>
    密码: <input type="password" name="pwd"><br>
    <input type="hidden" name="hide" value="123">
    性别:
    <label>男<input type="radio" name="sex" value="man" checked></label>
    <label>女<input type="radio" name="sex" value="women"></label> <br>
    爱好:
    足球<input type="checkbox" name="hobby" value="zq" checked>
    蓝球<input type="checkbox" name="hobby" value="lq">
    排球<input type="checkbox" name="hobby" value="pq"> <br>
    文件上传:
    <input type="file"> <br>
    城市:
    <select name="city" >
    <option value="zb">淄博</option>
    <option value="bj" selected>北京</option>
    <option value="sh">上海</option>
    </select> <br>
    个人简介:
    <textarea name="person" id="" cols="30" rows="10"></textarea>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
    <input type="button" value="普通按钮">
    </form>

  • 相关阅读:
    校软第二次考核11.11
    计算机视觉入门live笔记
    大数阶乘题解
    校软招新考试 原卷 题解
    校软件班招新考试A卷 题解
    【好题】最短路变形+dp——ICPC NCNA 2018G
    贪心/二分——cf1342D
    思维+贪心+dp——cf1341D
    【经典】容斥+排列组合——cf1342E
    计算几何+求质心+求多边形与圆交面积——ICPC GNYR 2019
  • 原文地址:https://www.cnblogs.com/hankai2735/p/11040263.html
Copyright © 2011-2022 走看看