第三章HTML笔记

第三章表单

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>
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值