2018-10-25 表单

作者: 不知道取个什么昵称不如娶个媳妇 | 来源:发表于2018-10-25 22:00 被阅读0次

    表单的作用:用来收集用户的相关信息
    表单标签:

    <form name="表单的名称" method="表单提交方式" action="表单提交地址"></form>
    method:POST或者GET
    

    notice : post get 的区别

    get大多时间是用来获取api的数据
    post大多数用来向服务器传递数据

    get是把参数数据列队加到提交表单的action属性所指的url中,在url中可以看到
    post是通过http post机制,用户看不到信息,当然也不是绝对安全,f11打开浏览器调试窗口可以看到

    get传输的数据量比较小,不能大于2kb。
    post传输的数据量比较大,一般默认为不受限制

    get安全性比较低,post安全性比较高
    get执行效率比post要高

    文本框:

    <input type = "text" value = "默认值">
    

    密码框:

    <input type = "password" >
    

    提交按钮:

    <input type = "submit" value="按钮内容">
    

    重置按钮:

    <input type="reset" value="按钮内容">
    

    单选框/单选按钮:

    <input type="radio" name="rad">
    
    单选按钮里的name属性必须写,同一组单选按钮的name属性的值必须一样

    复选框:

    <input type="checkbox" name="check">
    <input type="checkbox" name="check" disabled="disabled">
    disabled属性:disabled为禁用 checked默认选中
    

    下拉菜单:

    <select name="sel">
      <option value="值">菜单内容</option>
      <option value="值">菜单内容</option>
      <option value="值">菜单内容</option>
    </select>
    

    多行文本框:

    <textarea name="name" cols="字符宽度" rows="行数"></textarea>
    

    按钮:

    <input type="botton" value="按钮内容">
    //他与submit的区别在于submit是用来提交数据的,而botton只能用来跳转页面
    

    相关文章

      网友评论

        本文标题:2018-10-25 表单

        本文链接:https://www.haomeiwen.com/subject/wjchtqtx.html