第三章HTML笔记

来源：互联网发布：新手淘宝买什么摄影棚编辑：程序博客网时间：2024/05/17 23:29

第三章表单

1.表单数据提交的方式有两种,

2.get和post方式.3.get方式提交数据时会有大小限制.一般为64K.get方式会把数据显示在网页地址的后面,这种方式一般不推荐使用,不安全.4.post提交方式会把数据放在请求提里面,post方式没有数据大小限制,注意:提交文件必须用post方式.

2.form(表单)元素的属性:

2.1enctype(表单数据的内容类型,即编码内容类型):

1.(multipart/form-data:不对字符编码,在使用包含文件上传控件的表单时,必须使用该值.)2.application/x-www-form-urlencoded(在发送前编码所有字符（默认)3.text/plain(空格转换为 "+" 加号，但不对特殊字符编码。)

3.input文本框标签

1.语法:<input type="text"/>2.举例:<head><title></title></head><body>   <form name="form1" method="post" action="index.html">   姓名：<input type="text"/>   </form></body></html>

3.form标签属性

1.<form>标签有几个属性，分别是action、method、enctype和target属性.2.表单名称name:一个页面你的表单可能不止一个，为了区分这些表单，我们使用name属性来给表单进行命名。这样也是为了防止表单提交之后到后台程序出现混乱,表单名称中不能包含特殊字符和空格。3.提交表单action: action用于指定表单数据提交到哪个地址进行处理,表单的处理程序是表单要提交的地址，这个程序地址用来处理从表单搜集的信息。这个地址可以是相对地址，也可以是绝对地址，还可以是一些其他形式的地址。4.传送方法method:表单method属性作用是告诉浏览器，指定将表单中的数据使用哪一种HTTP提交方法，取值为get或post,这两种方式的区别在于，get在安全性上较差，所有的表单域的值直接显示出来。而post除了只有可见的处理脚本程序之外，其他的信息都可以隐藏。所以实际的开发当中通常都选择post这种处理方式。5.目标显示方式target:<form>标签的target属性跟<a>标签的target属性一样，都是用来指定目标窗口的打开方式。target属性值:(1._self:默认值，表示在当前的窗口打开页面,2._blank:表示在新的窗口打开页面.3._parent:表示在父级窗口中打开页面.4._top:表示页面载入到包含该链接的窗口，取代当前在窗口中的所有页面，因此其他所有.)6.<form>的enctype属性为="form/multipart".

4.复选框,单选框.

语法:    单选:<input type="radio" name=""/>    复选框:<input type="ckeckbox" name=""/>

5.下拉列表

语法:    <select>    <option value="成都">成都</option>    <option value="重庆">重庆</option>    </select>

6.提交和重置按钮

语法:    <input type="submit" value="确定">    <input type="reset" value="重置">

7.多行文本框

语法:    <form action="#" method="post|get">        <textarea rwos="10" cols="30" id="#">请在此输入文本        </tetarea>    </form>

0 0