zoukankan      html  css  js  c++  java
  • 表单

     <!--
        表单
        为什么会出现表单?
        这就要知道表单的作用:将客户端数据发送到服务器然后写到数据库中
        说的直白点就是:客户在你的网站上面填写了内容现在要存放到数据库中去,你不可能让他直接接触数据库,所以就通过表单的方式将他想穿的数据插入到你的数据库中去。
        既然是HTML中出现的那它肯定有属于自己的标签:<form>
        在这个标签中有两个必须的属性是一定要写的:action、method
        在浏览器中发送表单或数据给服务器端,使用GET或POST方法都能实现所以就一定要用到method
        action对应的是你要将数据存放的地址:URL
        method获得客户输入的内容
        get:附加URL  缺点:长度不能超过8192个字符,超过可能丢失数据;安全性不高(以明文的形式显示);不能传递ASCII
        post:提交的内容在表单主体中;如果使用上传必须用post
       
        表单还能有自己的名字:name;对象:target;标题:title;该属性可设置或返回用于编码表单内:enctype
        <form action="" method="" name="" target="" title="" enctype=""></form>
        -->
       
        文本域
        <p></p>
        这是一个文本框: <input type="text" name="t" />
        <p></p>
        密码:<input type="password" name="p" />   
        <!--这个后面的type如果是password那么在文本框中你输入的内容是看不到的-->
        <p></p>
        多文本域
        <p></p>
        <textarea name="t" rows="6" cols="20"></textarea>
        <!--这个就像百度中回答问题的那个的-->
        <p></p>
        复选框:
        <input type="checkbox" name="check" value="subject[]" checked="checked" /><br />
        <input type="checkbox" name="check" value="subject[]" /><br />
        <input type="checkbox" name="check" value="subject[]" /> 
        <p></p>
        单选按钮:男:<input type="radio" name="male" checked="checked" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;女:<input type="radio" name="female" />
        <!--在一组单选按钮中它们的name必须是相同的-->
        <p></p>
        下拉框:
        <p></p>
        <select name="select">
        <option value="0">--请选择--</option>
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3">香港</option>    
        </select>
        <p></p>
        下拉列表:
        <p></p>
        <select name="select" size="5">
        <option value="0">--请选择--</option>
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3">香港</option>    
        </select>
        <p></p>
        多选列表框
        <p></p>
        <select name="select" size="5" multiple="multiple">
        <option value="0">--请选择--</option>
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3">香港</option>    
        </select>
        <p></p>
        <!--上面的三种只要好好的在浏览器中看一下就知道是什么意思的-->
        隐含域
        <p></p>
        <input type="hidden" value="隐藏" />
        <p></p>
        四种按钮方式
        <input type ="submit" value ="提交" />
        <input type="button" value="清空" />
        <input type="reset" value="重置" />
        <!--
        button和reset的区别
        当文本框中设置默认值了的时候,用button能将默认值清除,reset不能;但是button用起来相当麻烦要是一个页面有10个文本框要想将这10个中的值都清楚就要将每个都依次清楚。
        -->

  • 相关阅读:
    “数码骑劫”蠕虫病毒席卷3大洲? 狼人:
    病毒致英国国防部系统崩溃至今未完全恢复 狼人:
    安全专家称发现防护零日攻击新方法 狼人:
    观点:迄今为止 虚拟化安全领域一片空白 狼人:
    黑客利用弹出窗口冒充安全警告发起钓鱼攻击 狼人:
    工信部提醒消费者谨防手机预置恶意插件 狼人:
    美最大招聘网站Monster用户信息被窃 狼人:
    新闻周刊中文网遭黑客攻击 首页被挂马 狼人:
    易宝支付声明称遭遇大规模黑客攻击 狼人:
    木马病毒节日活跃 过年上网提防“四害” 狼人:
  • 原文地址:https://www.cnblogs.com/meroselove/p/1834878.html
Copyright © 2011-2022 走看看