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>