表单
动态页面：问卷调查、表格之类的动态页面
form标签
在html表格中，我们知道表格的行、列和单元格都放在<table></table>标签中。而创建一个表单看上去就像创建一个表格。如果要创建一个表单，就要把个各种表单标签放在<form></form>标签内部。
我们通常说的“表单”指的是文本框、按钮、下拉列表等的统称。
image.png
image.png
<!DOCTYPE html>
<html xmlms="http://"www.w3.org/1999/xhtml>
<head>
<title>form标签</title>
</head>
<body>
<form>
<input type="text" value="这是一个文本框"/>
<br/>
<textarea></textarea>
<br/>
<select>
<option>HTML</option>
<option>CSS</option>
<option>JavaScript</option>
</select>
</form>
</body>
</html>
form标签属性
form标签一共有5个重要属性，分别是name、action、method、enctype和target属性。
（1）表单名称name属性
一个页面，表单可能不止一个，为了区分，用name来区分。注意：表单名称中不能包含特殊字符和空格。
格式：<form name="表单名称">
……
</form>
（2）提交表单action属性
在form标签中，action属性用于指定表单数据提交到哪个地址进行处理。
表单的处理程序是表单要提交的地址，这个程序地址用来处理从表单搜集的信息。这个地址可以是相对地址，也可以是绝对地址，还可以是一些其他形式的地址。
image.png
传送方法method属性
在form标签中method属性的作用是告诉浏览器，指定将表单中的数据使用哪一种http的提交方法，取值为get或post.
（1）get :默认值，表单数据被传送到action属性指定的URL，然后这个URL被送到处理程序上
（2）post：表单数据被包含在表单主体中，然后被传送到处理程序上。
区别：get在安全性上较差，所有表单域的值都直接显示出来了。而post除了可见的脚本处理程序之外，其他的信息都可以隐藏。
image.png
目标显示方式target属性
image.png
一般情况下用_self和_blank
image.png
编码方式enctype
在form标签中，enctype属性用于设置表单信息提交的编码方式。
（1）application/ x-www-form-urlencoded :默认编码方式。
（2）multipart/ form-data :MIME编码，对于“上传文件”这种表单必须选择该值。
image.png
表单对象
所谓的表单对象，就是放在<form></form>便签内的各种标签。最常见的文本框、下拉列表都是表单对象。表单对象有input、textarea、select和option。。
网友评论