html中form的用法,html里面的form

http://www.itjxue.com  2023-01-05 05:19  来源:未知  点击次数: 

html中form是干什么的?本人只是初学者

form 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

HTML From表单的用法

HTML表单通过form标签来实现,主要用于收集用户提交的信息,表单是一个包含表单元素的区域,用户可以在里面填写和提交信息。之后后台可以通过URL接受用户提交的信息,并进行处理。

HTML表单的用法

form 将表单元素包裹起来,受form包裹的表单元素才会提交给服务器。

form action=”地址” method=””

表单元素

/form

form标签是表单的外壳,主要有四个属性:

action:表单提交的地址(后台服务器地址)

method:提交表单的方法,两种请求方式,post、get

target:在何处打开action

enctype:(编码方式)

applocation/x-www-form-erlencoded 在发送前编码所有字符(默认)

text/plain:空格转换为”+”号,但不对特殊字符编码

multipart/form-data:使用包含文件上传控件的表单时,必须使用该值。例如:上传音频、视频。

1、区别:(体现在方式、安全、数据量三个方面)

- 方式,点击提交(发请求时),get将请求数据变成”k=value”的形式,然后组装到URL上。post方式提交请求时,数据通过浏览器传输给后台,但是URL没发生变化。

- 安全,get将信息组装到URL上,信息泄露,不安全;post方式的URL没发生变化更加安全。

- 数据量,浏览器地址栏能存放的字符有限的(容量有限),get方式的URL过于冗长,当超出限制时,浏览器自动截断URL,则传给后台的数据不完整,所以对数据大小有限制。而post方式的URL更干净、轻便,能完整地将数据传递给后台,无数据大小限制。

2、什么时候用get,什么时候用post(使用场景)

get:向后台查询东西,如查询论文;即向后台索要数据,用关键词来获取大量数据。安全性要求低,简单。

post:向后台传数据,例论文查重(数据很大,提交给后台)。安全性要求高。

是表单收集信息的元素,主要有以下属性:

label for="input_username"姓名:/label input type="text" name="username" id="input_username" placeholder="用户名"/

效果:

label for="input_password"密码:/label input type="password" name="password" id="input_password" placeholder="密码"/

效果:

效果:

效果:

label我的car:/label select name="transportation" option value="bus"公交/option option value="subway" selected地铁/option option value="taxi"出租车/option /select

效果:

label 评论:/label textarea name="recomment" placeholder="ddd" cols="60" rows="10"/textarea

效果:

label for="zjz"证件照:/label input type="file" name="photo" id="zjz" accept="image/jpg"/

其中accept规定了文件格式。

效果:

input type=”hidden” name=”abc” value=”123”

点击提交时,hidden里隐藏的数据也提交给了后台;abc=’123’

作用:(1)暂存信息,(用户看不到),便于设计者随时调用程序。

(2)用于安全性校验,例如通过设置hidden隐藏域,服务器可以验证用户权限,避免伪造的假网站提交数据。

input type="button" value="按钮"/

效果:

input type="submit" value="提交"/

效果:

input type="reset" value="复位"/

效果:

关于html中的用法

这是一个编网站的规范问题,网页的编写规则需大家来维护。你的这个网页在IE里没有什么改变,可你用Firefox里打开,你就会发现Form表单里的内容已经放在body里了。这是浏览器的解析问题,网页开发人员最好用FIrefox,他是W3c的创立和支持者,是未来的发展趋势,而IE的支持并不是很好。

html里form的作用是什么,我在写html代码时,写了form和没写form的测试界面是一样的。那这有什么不同的。

form/form是表单,里面可以写些东西,然后传到php里面,

比如html

head/head

body

form action="1.php" method="post"

input type="text" name="username"

input type="submit" value="提交"

/from

/body

/html

当你提交时候表单就会把input里面的值以post的方式传动到1.php里面,从里面可以执行数据库的插入操作!

HTML 中 form 表单用法的自我认识

1. form的基本介绍

form 是 HTML 中的一种块标签,包含很多子标签,组合后提交并与服务器进行交互数据 ,常用的方式有get/post 两种,默认为 get。

2. 常用子标签介绍

子标签最常用的有四种:input、textarea、button 和 select。

以上是对 form 表单的粗浅认识,烦请斧正,谢谢!

(责任编辑:IT教学网)

更多

推荐其它软件文章