表单

 <!--
    表单
    为什么会出现表单?
    这就要知道表单的作用:将客户端数据发送到服务器然后写到数据库中
    说的直白点就是:客户在你的网站上面填写了内容现在要存放到数据库中去,你不可能让他直接接触数据库,所以就通过表单的方式将他想穿的数据插入到你的数据库中去。
    既然是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个中的值都清楚就要将每个都依次清楚。
    -->

原文地址:https://www.cnblogs.com/meroselove/p/1834878.html