html表单的简单介绍

HTML表单的详细介绍
    表单的概念
        表单最重要的就是在客户端接受用户信息,然后将数据递交给后台的程序来操控这些数据。表单就是用来操作form对象,对象是一种基本的数据类型
    表单的创建
        表单是通过<form>标签来创建,其中放置表单的对象,<form>标签中可扩展几个属性。
<form>的几个常用属性:
action属性:通过<form>标签定义的表单里面必须有action属性才可以将表单数据递交上去。例如:<form action="some.html"></form>.
method属性:
该属性的作用是告诉浏览器数据是以何种方式提交上去的,该属性下有两个选择:"get"和"post"。
默认情况下,数据被提交的方式是get,表单域中输入的内容会添加在action指定的URL中,当表单提交后用户便获得一个明确的URL,由于这种方式下数据会添加到URL中。
所以好处是可以保存在收藏夹中和他人分享,直接访问主页的URL可以达到和填写注册后一样的效果,如有些时 候,用户将自己已经注册过的一些网站主页加入到自己的收藏夹,再次从收藏夹中打开时,会发现已经是登录的状态。
而post这种方式,数据将以HTTP头的形式发送,表单数据不再是URL中的一部分。
name属性:作用是令提交上去的表单数据可以被处理这些数据的程序识别,大部分页面中放入的表单很可能不止一个,此时就需要给不同 的表单起不同的名字,以便程序识别。
<form name="me">
</form>
还有target属性enctype属性等。
    表单域:用户数据输入的地方
        
表单域可以分为input、textarea、select 3个对象,其中大部分表单通过input属性来实现,textarea和select创建一种控制类型
    表单元素
        input对象下的多种表单形式
            页面中大部分表单的形式都是通过输入标记input来实现的

<input name=""//输入数据的名字,让程序明白所提交的数据
       type=""
type属性表示所定义的是哪种类型的表单形式,该属性有九个可选值:
text 单行的文本框
password 将文本替换为"*"的文本框
checkbox 只能做二选一的是或否选择
radio 从多个选项中确定的一个文本框
submit 确定命令文本框
hidden 设定不可被浏览用户修改的数据
image 用图片表示的确定符号
file 设置文件上传
button 用来配合客户端脚本
       value=""预先设计好的信息
       size=""表示文本框字段的长度
       maxlength=""表示输入的最长字符量>
        select对象表单
            textarea对象的表单
该对象就像是input对象中的text表单,只不过是扩展过的text样式表单,可以通过行(rows)属性和列(cols)属性来编辑文本域的大 小,常见于留言板、论坛中回帖时的文本框等
<html>
<head>
    <title>textarea对象的表单</title>
</head> 
<body>
  <form action="some.php" method="post" enctype="multipart/form-data" name="myform">
      <textarea name="some" rows=10 cols=50 value="say">请文明用语:
      </textarea>
  </form>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值