提交方式及表单域的name属性
使用form表单一种是post提交方式,一种是get提交方式,它们以method属性来定义,如果没有指定method属性,默认get方式提交。
表单域必须配合name属性才可以将数据提交到服务器
post方式与get方式的区别:
一、安全性
get方式不安全,以URL方式进行提交。(密码会显示在地址栏)
post以请求实体提交,不会显示地址栏,足够安全
二、提交大小限制
get方式提交的内容有限,一个地址栏放不了多少东西,1k左右
post大小无限制,可以放大文件(音频,视频,图像等等)
<form action="" method="post">
用户名<input name="user" type="text" />
<inpuyt type="submit" />
</form>
用户用于上传文件的类型<input type="file">
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="fileFile" />
<input type="submit" value="上传" />
</form>
使用file类型的input时要注意:
1。form表单的method属性值要为post, method是form表单提交时的一种方式,它最常用的有get和post。
2.要加enctype=“multipart/form-data”属性,这个属性说明了我们文件以二进制方式传输文件,因为我们计算机本身最底层都是以二进制来显示、传输。
用户用于提交的input类型
1.<input type="button"/>:只是一个普通的按钮,需要结合JavaScript才能提交
2.<input type="submit"/>:本身有一个提交的作用,在没有加JS代码的情况下,button只是个装饰。
3.<input type="image" />类型的input也是具有一个提交的作用,不同的是可以指定一幅图片来作为按钮,不提倡使用,因为它有事好会提交两次。(可以设置宽和高)
重置按钮<input type="reset"/>
<input type="reset"/>用于充值用户输入的内容。
其他标签
<fieldset>元素集可将表单内的相关元素分组,通常和legend标签一起用,legend标签定义了fieldset的提示信息,fieldset是块级元素。(块级元素可以包含块级元素)
<fieldset>
<legend>健康信息</legend>
身高:<input type="text"/>
体重:<input type="text/>
</fielset>